익명의 개발노트

[wecode 31일차] 2주 1번째 프로젝트 시작. Flex와 Git 본문

코딩일기/TIL

[wecode 31일차] 2주 1번째 프로젝트 시작. Flex와 Git

캡틴.JS 2019. 7. 2. 00:21
반응형

1. CSS flex

프로젝트에서 메인 페이지를 담당한다.

식당리스트를 2줄씩 뿌리고 싶었다.

 위와 같이 뿌리는데 분명히 flex인데.. 구글링해도 답을 찾지 못했지만.. 집에와서 경건한 마음으로 구글링을 하니 바로 나왔다.

더미데이터 이긴하지만, 부모태그와 그 밑에 감싸는 태그에 플랙스 컬럼, 플랙스 로우값을 줬었는데.. (나는 똥멍..)

집에와서 보니. flex-wrap 으로 해결.

flex-wrap은 부모태그의 넓이에서 자식 컴포넌트가 하나더 못들어올 경우 다음 줄로 미루도록 해준다.

2. git

1. 팀플젝간 팀별 repo 개설시, 파일이 아예없는 경우와 있는경우가 다르다.

    파일이 있는 경우, 아래와 같은 순서로 최초 한명이 폴더구조를 만든 후 first 커밋을 함.  

git remote add <주소> //깃 주소추가

git pull 

git add .

git commit 

git push

2. 깃 conflitcts 발생시    

1. 현재 브런치에서 checkout master로 이동
2. 마스터에 있는거 git pull로 당겨와서 싱크 맞추고
3. checkout branch로 이동하고 git merge master
4. 코드 수정 후 add . , commit , push하면 됨.

3. 상대방꺼 pull해오기

   상대방이 코드를 수정하고 PR후 merge까지 완료되었을때,     

git pull

git add .

git commit -m "pull로 인한 커밋"

git pull 후 vscode 재시작

처음으로 다른 사람들과 협업을 하면서 깃에서 벌어지는 일들을 보니.... 

깃을 잘 알아야할 듯 싶다.

 

반응형
Comments