aeiou Repository

npm, pnpm, yarn은 모두 Node.js 환경에서 패키지 관리를 위한 도구입니다. 1. npm (Node Package Manager)기본 제공: Node.js 설치 시 함께 설치됨명령어: npm install, npm run, 등속도: 기본적으로 느린 편 (캐시 처리 개선은 되었지만 아직 느림)의존성 설치 방식: 중복 설치 가능성 있음 (node_modules 안에 중첩됨)Lock 파일: package-lock.json장점:Node.js 공식 툴호환성이 가장 뛰어남단점:디스크 공간 낭비 (중복 모듈)느린 속도2. yarnFacebook이 개발명령어: yarn install, yarn add, yarn run, 등속도: npm보다 빠름 (병렬 처리, 캐시 활용)의존성 설치 방식: 플랫 구조 (n..

디자인 시스템을 시작하면서 꼭 하고 싶었던 Select 컴포넌트 정리!Select 컴포넌트를 설계했던 방법을 이야기해보려합니다  🎯목표디자인 시스템의 Select는 새로운 컴포넌트 이지만,기존 위젯의 요구사항을 모두 담는 Select 설계 ✅위젯 컴포넌트 분석기존 위젯에는 12개의 스토리, 11개(?)의 Select 관련 컴포넌트가 있었습니다. 먼저, 스토리북과 코드를 보며 기존 컴포넌트들의 기능을 분석했습니다.   🙄 기존 컴포넌트의 아쉬웠던 점 원하는 기능을 가진 컴포넌트를 찾기가 어려움예) 다중선택+체크박스+input검색 은 어떤 컴포넌트를 사용해야할까?컴포넌트 이름으로 기능을 유추하기 어려움 🥢공통 기능 추출다음으로는 모든 Select에 공통적으로 들어갈 기능들을 뽑았습니다.True / Fa..

리뷰어의 글식상한 표현 같지만, 책을 읽어갈수록 이 책의 원서 부제목 'Back to Bacisc'이 떠올랐다. 2장 왜 애자일인가 개발자는 요구 사항이 바뀌면 자주 불평한다. 가끔 이런 이야기를 들을 때가 있다. '그렇게 바꾸면 아키텍처가 완전히 망가질 거라고요.' 독자 여러분에게 하나 알려 줄 것이 있다. 바뀌는 요구 사항 때문에 당신 아키텍처가 망가진다면, 당신 아키텍처가 엉망인 거다. 개발자는 변경 사항을 축복으로 여겨야 한다. 변경 사항 때문에 우리가 여기 있는 것이다. 변화무쌍한 요구 사항이 우리 일의 핵심이다. 4장 팀 실천방법관리자가 당신에게 무리하게 더 빨리 달리라고 할 수도 있다. 그 말을 따르면 안 된다. 끝까지 일할 수 있도록 당신 자신을 관리하는 일은 당신의 몫이다.애자일 프로젝트..

모노레포 란? 두 개 이상의 프로젝트 코드가 동일한 저장소에 저장되는 소프트웨어 개발 전략입니다. 하나의 레포지토리에서 코드가 관리되지만, 모듈별로 독립적인 프로젝트를 구축할 수 있습니다. 의존성 패키지가 하나의 레포지토리에서 관리되어 프로젝트 호환성과 배포 프로세스 등 관리 포인트가 줄어든다는 장점이 있습니다. 이번 토이프로젝트에서는 프론트(next.js)와 백엔드(nest.js) 모듈을 모노레포로 구성해보려합니다. Yarn 설치 & init npm install -g yarn cd repository_name yarn init node.js 모노레포 도구로는 yarn과 lerna가 많이 사용됩니다. 저는 yarn의 내장기능인 workspace 를 사용해 모노레포를 구성하겠습니다. { "name": "..

No supported authentication methods available(server sent: pulbickey) 에러 또 다시 만난 버전 에러..ㅠ 오라클 클라우드에서 VM 생성 후 PuTTY로 ssh 접속을 시도했더니 다음과 같은 에러가 발생했다. No supported authentication methods available(server sent: pulbickey) 에러 메세지만 보고 당연히 키를 잘못 다운로드한줄 알고 VM을 다시 생성하며 키도 다시 다운로드 했는데 여전히 같은 에러 발생... 구글링을 해보니 나랑 똑같은 사람을 발견했다 https://toentoi.tistory.com/100 [ssh] oracle cloud vm ssh터미널 접근 시 에러 앞서 인스턴스 생성 후 ..

시작하기 전에 오랜만에 새로운 프로젝트 시작하려다 마주친 삽질... Next.js를 시작하는 사람이라면 Node.js를 예전부터 사용하던 사람일 가능성일 클 것 같아 작성해둔다. 기존 Node.js 버전과 Next.js lastest 버전이 맞지 않아 버전 업데이트를 해줘야했다. Node.js는 홈페이지에서 LTS로 다시 다운로드. (14.?.? -> 18.4.0) npm은 아래 명령어로 최신버전으로 업데이트 가능하다 (9.3.1? -> 9.4.1) npm install -g npm@latest create-next-app 으로 프로젝트 생성 npx create-next-app@latest --typescript proceed에 따라서 enter 연타하다보면 프로젝트가 생성된다. ESLint 사용여부 >..

NAVER Cloud SUMMIT 2022 네이버 클라우드에서 Summit 2022를 진행합니다. 날짜는 12월 14일 수요일이고, 온라인입니다. 개인적으론 온라인이 더 좋은 것 같아요 :) 작년에는 아는게 적어서 듣기가 어려웠는데, 올해에는 좀 더 이해할 수 있지 않을까 생각이 됩니다. ㅎㅎ 사전 등록하기 참가신청은 네이버 예약으로 할 수 있습니다. 소속(학교/직장), 직급, 참여 동기, 활용 계획을 선택하고 이름, 전화번호 입력 후 예매할 수 있습니다. 예매는 1인당 한번만 가능하네요...ㅠ 예매 인증 사진을 못찍었습니다ㅠㅠ 사전 등록은 아래 링크에서 할 수 있습니다. https://booking.naver.com/booking/5/bizes/775493 네이버 예약 :: NAVER Cloud SUM..

PyScript란? 아직 많이 알려지지 않은 파이스크립트는, 올해 5월 PyCon 2022 컨퍼런스 에서 Anaconda가 발표했습니다. 이름에서 유추할 수 있듯이, Python + Javascript 로 표준 HTML 내에서 Python을 사용할 수 있게 해주는 PyScript라는 프레임워크입니다. 왜 Python일까? 파이썬은 2022년 10월 기준, 프로그램 언어 인기 순위를 보여주는 티오베(tiobe)에서 1위를 차지하고 있습니다. 파이썬은 수많은 라이브러리와 오픈 소스를 통해 데이터 과학, 시각화, 머신러닝 등 인공지능 분야에서 활발하게 사용되고 있습니다. 웹 분야에서는 Django, Flask와 같은 프레임워크와 함께 백엔드에서 주로 사용되어 왔으며 프론트엔드에서는 거의 지원이 없었습니다. 자..

EC2 ubuntu 서버 시간을 한국 표준 시간으로 변경하는 방법을 알아보겠습니다. 처음 EC2를 세팅할때 서버시간을 변경해줬던것 같은데 몇일전부터 시간이 안맞아서 다시 세팅해주겠습니다. EC2 인스턴스가 재부팅될 때, UTC로 돌아오는 경우가 종종 있다고 합니다. 변경 전 시간 확인 date 명령어를 입력하면 현재 시간이 나옵니다. UTC로 되어있으니 KST로 변경하겠습니다. root 로그인 sudo su - root Asia/Seoul로 시간 변경 sudo rm /etc/localtime sudo ln -s /usr/share/zoneinfo/Asia/Seoul /etc/localtime 로컬 시간을 Asia/Seoul로 변경해줍니다. 위 명령어를 입력 후 date로 시간을 확인해보면 KST인것을 확..

AWS Summit Korea 2022 8번째 AWS Summit Korea 등록이 시작되었습니다. 이번에도 90개의 강연, 40여개의 고객사례가 준비되어 있다고 합니다. 5월 10일 ~11일 이틀간 온라인으로 진행됩니다. 기조 연설을 제외하고는 정해진 시간 없이 참가자가 선택해서 듣는 방식으로 진행될것같아요. 참가등록 참가등록은 기본 정보(이름/지역/전화번호 등)와 추가 정보(회사명/직무/직책/산업군/관심주제 등)을 입력하고 로그인할 메일과 비밀번호를 입력하시면 됩니다. 메일인증까지 완료하셔야 등록이 완료됩니다. 메일 확인 필수! 참가 등록은 아래 링크에서 할 수 있습니다. https://summits-korea.virtual.awsevents.com/register 등록 - AWS Summit Kor..