Lennon FE

깃허브는 모두 알다시피 리모트 환경에서 협업을 하기 쉽게 만들어져 있다. 깃으로 협업한다 협업한다 하는데 어떻게 협업하는지,좋은 협업 방식은 무엇일지 포스팅에서 알아보도록 하자. 먼저 해당 포스팅을 보고 기본적인 깃허브와 소스 코드를 연결해보도록 하자! https://parkparkpark.tistory.com/53 [Git] vscode 연동 및 branch 생성, commit / PR(Pull requests) 하는 법 vscode 연동 vscode를 연동시키기 위해 본인의 프로젝트인 Repository를 하나 생성하자. 생성한 Repository에 들어가서 아래 사진처럼 code를 누르면 본인의 저장소 clone 주소를 얻을 수 있다. 해당 내용을 parkparkpark.tistory.com 1. ..

프로젝트를 버전 관리하다 보면 특정 브랜치에 원하는 파일들이 존재하고, 해당 파일만 현재 브랜치에 가져오고 싶을 경우가 생길 것이다. 이럴 때 특정 브랜치에서 전체 파일들을 pull 하게 되면 괜히 충돌이 일어날 수 있고 이를 해결하는 공수가 커질 수 있다. 이럴 때 알면 좋은 게 특정 파일을 pull 하는 방법이다. 먼저 현재 브랜치에서 git fetch --all 을 해준다. 그 후 git checkout origin/master -- path/to/file 를 해주면 된다. 예로 REC-13에 있는 브랜치에서 src/pages/workspace 안에 workspace.jsx를 가져온다고 하면 git checkout origin/REC-13 -- src/pages/workspace/workspace...

이번 글에서는 실무에서 깃을 통해 어떤 형식으로 프로젝트 버전관리를 하는지 포스팅 해보려 한다. 많은 방법론 중 실무에서 많이 쓰인다는 Git flow에 대해 알아봅시다! (대형 서비스 기업들이 대부분 사용!) 💁🏻 GIt flow ? 아래 그림은 깃 플로우를 설명할 때 가장 많이 쓰는 그림? 이다. 한 번 살펴보고 개발자의 입장에서 어떤 플로우일지 예상해보자. master branch 실제 운용되고 있는 서비스(안정적이어야 함 => 맘대로 merge되면 큰일...) develop branch 다음 버전 개발을 위해 실제 개발되고 있는 브랜치! 다음 버전이 준비되면 master에 merge됨 feature branch 다음 버전에 들어갈 기능 개발을 위해 develop 브랜치에서 새로운 브랜치를 생..

vscode 연동 vscode를 연동시키기 위해 본인의 프로젝트인 Repository를 하나 생성하자. 생성한 Repository에 들어가서 아래 사진처럼 code를 누르면 본인의 저장소 clone 주소를 얻을 수 있다. 해당 내용을 복사해놓자. vscode를 실행한 후 F1을 눌러 git clone을 입력한다. 그럼 위 내용이 뜰 것이다. 이 부분에 위에서 얻은 내용(https://github.com/사용자이름/프로젝트내용.git)을 복사해 넣는다. 그러면 클론되어 vscode에서 새 창으로 열리며, 깃으로 변경내용을 commit할 수 있게 된다. 그 다음 터미널이나 작업 관리자를 켜보자. 그리고 위에 클론한 디렉토리에 접근하자. cd [project Forder] 브랜치 생성 그 후 기능 구현을 위..

개발을 진행하면서 커밋을 할 때 한 번에 커밋하기 보단 기능별로 커밋을 해야한다고 한다 (나중에 에러가 발생했을 때 2~3개의 기능이 추가된 커밋이면 수정하기가 까다로움) 또한, 기능별로 커밋하지 않으면 깔끔하지 않은 느낌을 받을 수 있다. 하나의 커밋에 간결한 커밋 메세지(왜 이 커밋을 했는지) 깃 명령어에 대해 git status => git의 상태를 보여줌 git log => 커밋한 정보를 보여줌 git init => 해당 디렉토리에 로컬 저장소를 만듦 git add => 스테이지라는 곳에 파일을 올림 git commit => 스테이지의 객체로 트리가 만들어짐 리모트 저장소 => 인터넷이나 네트워크 어딘가에 있는 저장소 (다른 사람들과 함께 일할 때 관리할 수 있어야함) git remote 명령어로..

Git을 설치한 후 대충 vscode에 연동하는 방법을 찾아본 뒤 무엇을 올려볼까 하다가 전에 KeyCode에 대해 구글링했던 경험이 생각나 키보드에 입력값을 keyCode로 보여주는 웹 페이지를 만들어 보기로 했다. 입력한 값에 따라 입력한 KEY와 KEY CODE만 뜨는 정말정말 간단한 웹이다. (사진은 내 노트북이다) 뭔가 입력값마다 저기 사진에 있는 값에 파티클을 주거나, 해당 위치에 키 코드 값이 뜨게 하고 싶은데 그건 나중에 깃 학습 다하고 해봐야겠다. 먼저 F1을 누른 후 git clone을 쓴 다음 본인의 저장소를 연결해준다. 그 후 프로젝트에 변경사항이 있거나 push하려면 해당 페이지에서 + 누른다. 그러면 스테이징된 변경사항으로 넘어갈 것이다. 그 다음 commit m를 남긴 후 체크..

학부시절 깃이 중요하다는 건 알았지만 정작 프로젝트를 진행할 때 버전관리로 사용한 적이 없다... 그냥 프로젝트를 완성한 후 완성된 프로젝트를 커밋한 적밖에 없는 것 같다. Git Git은 소스코드를 효과적으로 관리하기 위해 개발된 "분산형 버전 관리 시스템"이다. 특정 시점으로 되돌아갈 수 있으며, 변경된 이력을 확인할 수 있다. 매번 뭔가 할 때 컨트롤 z를 남발하는 본인 같은 개발자에게 정말 중요한 것 같아 오늘부터 진행하는 프로젝트는 Git을 통해 버전관리를 해보려고 깃에 대해 열심히 학습하고 적용하려 한다. repository Git repository: 파일이나 폴더를 저장해두는 공간 Remote repository: 여러 사람들이 함께 공유하기 위한 저장소 Local repository: 내..