개발 공부 기록

@types/react 나 @babel/core 등 패키지명 앞에 @이름/ 가 붙는 것을 종종 본 적이 있다. 이는 무엇이며 왜 사용하는 것일까? - 이것을 scoped packages라고 부른다. - @조직이름/패키지이름으로 표현 - npm의 orgs scope에 들어있는 패키지들을 표현 - 동일한 namespace에서 쉽게 패키지 찾기 https://docs.npmjs.com/about-org-scopes-and-packages

함수형 컴포넌트를 사용하면 더 좋은 이유? 함수형 컴포넌트의 경우 state, lifeCycle 관련 기능 사용이 불가능하였으나, 2019년 v16.8부터 hook을 지원해주면서 이 부분이 해결되었다. 클래스형 컴포넌트는 로직과 상태를 컴포넌트 내에서 구현하기 때문에 상대적으로 복잡한 로직을 갖고 있다. 반면에, 함수형은 hook들을 필요한 곳에 사용하며 로직의 재사용(custom hook)이 가능하다는 장점이 있다. 함수형 컴포넌트는 선언이 좀 더 용이하며 클래스형 컴포넌트에 비해 메모리 자원을 덜 사용한다. React 공식 문서에서도 함수형 컴포넌트와 훅(hook)을 사용할 것을 권장하고 있다. ⇒ 컴포넌트 선언이 편리하며 메모리 자원을 덜 사용하고, 로직의 재사용이 용이하기 때문에 때문에 함수형 컴..

1. Personal Access Token 생성 https://docs.github.com/en/github/authenticating-to-github/keeping-your-account-and-data-secure/creating-a-personal-access-token Creating a personal access token - GitHub Docs You should create a personal access token to use in place of a password with the command line or with the API. docs.github.com 2. 기존 저장소에 유저 정보 설정 git remote set-url origin https://USERNAME@gith..

어떤 브랜치에서 작업을 하고 있었는데 다른 요청이 들어와서 브랜치를 바꿔야 하는 상황에서 commit 없이 브랜치를 변경하는 방법에 대해 소개하려고 한다. git stash 진행 중인 작업을 스택에 잠시 저장하도록 도와주는 명령어이다. commit을 남기지 않고 작업을 임시 저장할 수 있다. stash는 숨기는 장소라는 뜻을 가지고 있다. - Modified 이면서 Tracked 상태인 파일 - Staged 상태의 파일 1. stack에 stash 등록 $ git stash // or $ git stash save 2. stash 목록 확인 $ git stash list 3. stash 가져오기 $ git stash apply // 가장 최근의 작업 $ git stash apply [stash 이름] /..

~ ~0.0.1 : >=0.0.1 =0.1.1 =0.1.0 =0.0 =1.0.2 =1.0.0 =1.0.0 =0.1.2 =0.1.0 =0.0.0

https://storybook.js.org/tutorials/design-systems-for-developers/react/ko/introduction/ 디자인 시스템 소개 A guide to the latest production-ready tools for design systems storybook.js.org https://story.pxd.co.kr/1434 디자인 시스템 1편 - 디자인 가이드/디자인 시스템은 왜 필요한가 디자인 시스템은 총 8편의 시리즈로 구성되어 있습니다. 1편 - 디자인 가이드라인/디자인 시스템은 왜 필요한가(현재글) 2편 - 디자인 가이드라인/디자인 시스템의 종류 3편 - 디자인 가이드라인/ story.pxd.co.kr

모노레포(mono-repo)란? - 모노(mono)는 단일을 의미한다. 멀티레포(multi-repo)에 반대되는 개념으로 하나의 저장소에 두 개 이상의 프로젝트를 가진 레포를 의미한다. 장점 - 여러 패키지에서 하나의 설정을 공유 가능(ESLint, Prettier 등) - 여러 패키지의 변경사항을 하나의 commit 과 PR로 업로드 가능 - 모든 구성원이 모든 코드에 접근할 수 있기 때문에 협업이 용이하다. 단점 - Repository의 규모가 커진다. 문제 발생 시 여러 나비효과가 발생할 수도 있다. - 패키지의 규모가 커짐에 따라 CI Bulid가 느려진다. - 패키지간 의존성 관리가 쉽다는 장점이 있지만, 이로 인해 과도한 의존 관계가 발생할 수도 있다. 러나(lerna)란? - 모노레포의 패키..

emmet이란 html, css를 작성할 때 빠르게 작성할 수 있도록 도와주는 기능이다. atom에 Install Packages에 emmet을 검색해 쉽게 설치할 수 있다. 사용 예시)