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 브랜치에서 새로운 브랜치를 생..

nodeJ S가 거의 처음인 수준이라 3일 동안 약 30시간 정도를 투자해 nodejs와 react를 통신하며 get, post로 zip파일도 주고받고 험난한 시간을 보냈다. 실제 웹에서 파일을 이것저것 옮기면서 작성하고 프로젝트 저장 버튼을 누르면 업로드하고 웹 에디터에서 수정한 파일들을 포함한 전체 프로젝트가 로컬에 저장되는 것까지 구현했다..! 끝까지 해보니 뿌듯하다🙂 힘들었던 점 1. 프론트엔드 개발자로서 서버 통신이 헷갈렸다. 2. zip파일 포맷, 압축 풀기, 압축 하기, 로컬에 저장하기 등등... 많이 험난했다ㅠ.ㅠ 3. 다양한 라이브러리를 사용했는데 유지보수가 안되는 게 너무 많았으며, 그냥 오류가 뜨는 게 많았다. 4. 검색을 해도 내가 원하는 걸 찾기가 힘들었다. (웹 에디터가 마이너해..

https://parkparkpark.tistory.com/111 [카카오 OAuth2] 웹에서 카카오 로그인을 구현해보자 (1) SNS 로그인? 요즘 대부분의 서비스는 sns 로그인이 필수적으로 들어가는 것 같다. 아마도 사용자 경험 측면에서 편리하고 유용하게 서비스를 이용할 수 있도록 하기 위해 그런 것이 아닐까?라는 parkparkpark.tistory.com 로그인을 구현하고 로그인 후 이동되는 main.html에 프로필 정보를 띄어보자. // profile.js class Profile { constructor(data) { this.name = data.properties.nickname; this.img = data.properties.profile_image; } printProfile()..

SNS 로그인? 요즘 대부분의 서비스는 sns 로그인이 필수적으로 들어가는 것 같다. 아마도 사용자 경험 측면에서 편리하고 유용하게 서비스를 이용할 수 있도록 하기 위해 그런 것이 아닐까?라는 개인적인 추측이다. 바로 본론으로 들어가서 서비스를 기초까지 구현해보자. 이번 포스팅은 카카오 로그인을 javascript키를 은닉하고, 모듈화로 진행해 기본적인 로그인, 로그아웃을 구현할 것이며, 다음 포스팅은 정보 제공에 대해 그 값들을 가져와 로그인 성공 시 프로필 사진, 이름 등을 본인의 웹 페이지에 띄워볼 것이다. 1. kakao developers 접속(https://developers.kakao.com/) 1. 내 어플리케이션 들어가기 2. 어플리케이션이 없다면 새로 추가하고, 아니면 바로 들어가 보자..

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