Tip

[React] CRA에서 모듈 import 시 절대경로 사용하기

절대경로 설정 최상위 루트 폴더에 jsconfig.json 파일을 생성한 뒤, 아래 코드를 붙여넣어 준다. { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } TypeScript를 쓰는 경우엔 기존 tsconfig.json 파일에서 compilerOptions 설정을 수정하면 된다. ES6 모듈 import 시 현재 파일 위치 기준의 상대경로(../ ./)가 아닌 src 폴더를 기준으로 한 절대경로를 사용할 수 있다. 사용 예시 Home.js에서 Button 컴포넌트를 불러온다면, 상대경로 👉 import Button from '../components/Button' 절대경로 👉 import Button from 'components/Butt..

[GitHub] 실수로 이전 커밋들을 삭제했을 때 PR로 복구하는 방법

협업을 하다가 main 혹은 작업 중인 브랜치를 잘못 건드려서 이전 커밋 내역들을 날렸을 때 이미 머지한 Pull Request(closed PR)를 통해서 커밋을 복구할 수 있는 방법을 알게 되어 공유합니다. GitHub CLI의 기능으로 해당 PR의 브랜치로 checkout 할 수 있는데, 우선 없다면 아래 링크에서 설치해 줍니다. Github CLI 설치 https://cli.github.com/ GitHub CLI Take GitHub to the command line cli.github.com 커밋 복구 방법 복구하려는 커밋이 포함된 PR에 들어간 뒤 우상단 code 버튼을 눌러 gh pr checkout PR번호 를 복사합니다. 그런 다음 로컬에서 작업해야 할 프로젝트의 터미널에 복사한 것을..