깃(Git)이란버전 관리 도구.여러명의 개발자가 하나의 소프트웨어 개발 프로젝트에 참여할 때, 소스 코드를 관리하는데 주로 사용된다.버전 관리는 왜 필요한가?버전 관리가 잘 되지 않을 경우, 어느 것이 가장 최근의 파일인지 알아보기 어렵고 비효율적이다.팀 프로젝트로 각자 맡은 파트의 범위를 서로 합치는 과정이라고 하면 이는 더 복잡해질 것이다.Git은 데이터를 일련의 스냅샷으로 기록한다.깃(Git) 저장소저장소를 만들고 설정, 파일을 추적, 변경 내용을 Stage하고 커밋, 리모트 저장소에 Push 하고 Pull 하는 등의 작업을 수행하려면가장 먼저 깃 저장소를 만드는 것부터 시작해야 한다.1. 기존 디렉토리를 저장소로 만들기기존 프로젝트를 Git으로 관리하고 싶은 경우 프로젝트의 디렉토리로 이동하여 아..

나는 종종 협업을 하면서 잘못된 브랜치에서 작업을 하는 경우가 있다.이럴 때는 작업한 브랜치의 커밋 내역을 복사해서 올바른 브랜치로 옮기는 방법을 주로 사용한다. 바로 본론으로 들어가자면 방법은 다음과 같다. 현재 브랜치 이름이 develop이고, 올바른 브랜치 이름이 #34-feature라고 하자.1. 커밋하지 않은 내역 보관우선 develop 브랜치에서 커밋하지 않은 내역을 보관한다.git add .git stash2. 커밋 내역 복사다음으로 develop 브랜치에서 커밋 내역을 복사한다.vscode에서 커밋 내역 위에서 마우스 오른쪽을 클릭하면 보이는 메뉴 중 Copy SHA를 클릭해도 좋고쉬운 방법으로는 커밋 내역에 마우스를 올려놓으면 보이는 아이콘을 클릭해도 좋다.커밋 내역이 여러개라면 첫번째 ..

💡 CRA 아닌 Vite 사용한 이유리액트 프로젝트를 시작하는 가장 간결한 방법은 `CRA(Creat-React-App)`일 것이다.기존에 번들러(여러 파일을 하나로 묶어주는 도구) 기반 개발은 소스 코드 업데이트 시 번들링 과정을 다시 거쳐야 한다. 때문에 소스 코드 갱신 시간이 오래 걸린다.CRA의 webpack 기반이고, react 이외의 webpack, babel, eslint 등 복잡한 패키지를 알 필요가 없이 사용할 수 있어 간편하다.CRA는 각 설정 파일들이 숨겨져 있어, eject 하지 않고 overriding 하려면 `craco`라는 패키지가 필요하다.`Vite`는 ESbuild라는 자바스크립트 빌드 툴을 사용하는데, 이것이 webpack을 대체한다.브라우저에서 제공하는 ES Modul..