Archive

2021-03-16 TIL

|

2021-03-16 TIL


  • 오늘 한 것
    1. 인터렉티브 웹 개발
    2. 학원 비대면 수업(15:30~22:00)
    3. 팀 프로젝트 세부페이지 목업 및 요구사항 세부 정의
    4. 포트폴리오 겸 연습용 웹 사이트 구상 - 페럴렉스를 이용한 간단한 웹 사이트를 만들고자 했는데 너무 조잡한 느낌이 없지않아 있다. 일단 연습용이니깐 끝까지 해보고 쓸지 말지 결정해야겠다.



  • 내일 할 것
    1. 인터렉티브 웹 개발
    2. 학원 비대면 수업(15:30~22:00)
    3. 팀 프로젝트 세부페이지 목업 및 요구사항 세부 정의
    4. 포트폴리오 겸 연습용 웹 사이트 구상



  • 끝으로

팀 프로젝트 세부 계획에 대한 진전이 없어, 내일은 학원에 일찍가서 조원들과 이야기를 좀 해봐야겠다.

오늘의 한 줄 총평 : 길을 잃었다


2021-03-15 TIL

|

2021-03-15 TIL


  • 오늘 한 것
    1. Git & GitHub 팀 회의 - 협업에서의 git과 github 사용법에 대해 대략적으로 팀원들에게 공유를하고 실제로 연습을 해보았는데, 역시나 난관에 봉착하고 헤매다가 지나가던 반장님한테 도움을 받았다. remote에 각자의 branch를 만들고 자신이 작업한 작업물은 자기 branch에 올려 dev에 pull request를 해야하는데 사람마다 branch를 만들 생각은 못했었기 때문. 정말 배워도 배워도 끝이 없는가보다..
    2. 학원 비대면 수업(15:30~22:00)
    3. 팀 프로젝트 세부페이지 목업 및 요구사항 세부 정의 - 지난번 회의때 만든 요구사항들을 조금 더 세분화해서 정리하는중(?)이고 메인페이지는 우수한 조원님이 작업을 맡아줘서 그 디자인 방향에 맞춰 세부페이지를 간단히 figma로 스케치하는 중이다.
    4. 인터렉티브 웹 개발 - 페럴렉스나 마우스의 움직임, 스크롤 좌표에 따른 인터렉티브한 웹에 관심이 생겨서 인프런 동영상 강의를 결제했다. 이것을 웹 디자이너가 하는지 프론트단에서 하는지는 잘 모르지만.. 배워보고 싶었고, 조금 더 멋진 웹을 만들고 싶기 때문.



  • 내일 할 것
    1. 인터렉티브 웹 개발
    2. 학원 비대면 수업(15:30~22:00)
    3. 팀 프로젝트 세부페이지 목업 및 요구사항 세부 정의
    4. 포트폴리오 겸 연습용 웹 사이트 구상



  • 끝으로

figma 30일 trial 끝나기 전에 얼른 작업하자..

오늘의 한 줄 총평 : 벌써 3월 중순


React.js immer 라이브러리 불변성 관리

|

2021-03-14 TIL

|

2021-03-14 TIL


  • 오늘 한 것
    1. Git 과외 받기 - 현업에서 일하고 있는 친형한테 Git과 GitHub에 대해 과외를 받았다. 덕분에 많은 궁금증이 해소되었다. 특히, Local에서 branch를 나누는 것과 remote에서 branch를 나누는 것에 대한 개념이 잡혔다. Local과 remote를 나누어 생각해야하는데 그런 개념이 아예 없었다. 내일 팀원들과 깃헙 테스트를 위해 공부한 것을 공유하는 시간을 갖자고 했는데 가서 내가 알게된 것들을 공유해야겠다.
    2. 리액트 Hooks 공부



  • 내일 할 것
    1. Git & GitHub 팀 회의
    2. 학원 비대면 수업(15:30~22:00)
    3. 팀 프로젝트 세부페이지 목업 및 요구사항 세부 정의



  • 끝으로

SourceTree, Pull-Request, Conflict 해결 등등 형한테 많은 지식을 공유받았다.

친구들이나 주변사람한테 받은 만큼 나도 누군가에게 지식을 공유할 수 있는 개발자가 되고 싶다.

오늘의 한 줄 총평 : Thanks James.


Git Command Cheat-sheet, flow 이해하기 (계속 추가)

|

Git Command Cheat-sheet, flow 이해하기 (계속 추가)


  1. Git Command Cheat-sheet

    1

    2

    3

    4


  2. 그 외 자주 쓰이는 커맨드 (계속 추가)

    • git checkout -t <remote_path/branch_name> : 원격 브랜치 선택
    • git branch -r : 원격 브랜치 목록보기
    • git branch -a : 로컬 브랜치 목록보기
    • git branch -m <name> <newName> : 브랜치 이름 변경
    • git branch -d/-D name : 브랜치 삭제(-d), 강제 삭제(-D)
    • git push <remote_name> --delete <branch_name> : 원격 브랜치 삭제


  3. 기타 알게된 것 (계속 추가)

    • Open Source Project 같은 경우엔 바로 clone 하기보다 fork하여 내 repo에 복사 후 clone하여 작업한다

    • 일반적인 경우는 초대받은 프로젝트를 clone해서 로컬에서 branch를 나누어 작업한다. 로컬에서도 origin과 마찬가지로 master / develop을 만들어 개발은 develop에서 진행한다. 작업이 끝나면 commit하여 origin에 push하고 pull request(PR)를 작성한다. reviewer를 설정하고 필요에 따라 assignee, milestone 등도 설정한다. 그러면 팀원들이 코드리뷰를 하고 approve 되면 merge하여 origin에 병합하고 내 로컬 master 브랜치에서 origin의 코드를 pull 하여 동기화하고 최신 코드를 유지한다. 작업이 끝난 브랜치는 삭제한다.

    • pull request가 approve되는 규칙은 팀 마다 다르지만 대체로 과반수의 동의가 있어야하고 수정이 필요할 경우 코드를 수정하여 다시 commit, push 한다

    • PR을 merge하는 방법은 세 가지가 있다.

      • merge commit : master에 병합되고 commit log에 남는다

      • rebase merge : (그림으로 보는게 제일 빠를듯..)

      • squash merge : PR의 commit log를 하나로 추려서 master에 병합하는 방법

    • 원격이건 로컬이건 master를 직접 조작하는 것은 피해야한다

    • 남이 올린 PR에 Suggestion이 있을 경우 md 파일 작성시처럼 백틱 3개와 언어를 이용해 코드를 작성한다. 이는 github에서 제공하는 기능이다

    • milestone은 일종의 목표? 계획? 같은 개념으로 진행의 척도를 한 눈에 볼 수 있다

    • 원격에 push 또는 원격의 repo를 clone하는 것은 remote의 default로 설정되어있는 branch이다. 초기 default는 master이므로 이를 develop으로 바꿔야한다



참고자료


ATLASSIAN Bitbucket