[TIL] 221219

⭐️ 깃 협업

1. dev에서 내가 작업할 branch 만들기 ex) feature/topbar
2. 로컬 feature/topbar 에서 작업
3. 작업 완료 시 내가 올릴 파일들만 + 선택하고(왼쪽 source control 메뉴에서 하는 것) <- git add .
4. git emoji 선택하고 message 제목과 내용 적고 commit
5. vs code terminal 에서 git push origin feature/topbar 하기!!!
내 local branch 에서 작업한 내용을 내 remote branch 에 올려야 함
push와 pull은 같은 곳에서 해야 함 *git push origin dev 가 아님
6. github 로 들어가면 remote branch 인 feature/topbar 가 생겼고 compare & pull request 버튼이 생겼음
팀원이 작업물 변경사항을 확인하고 dev에 merge 시켜줄지 확인해야 하기 때문
만약 merge 할 수 있는 상황이면 (메시지는 선택) merge 버튼을 누르고 delete branch를 함
7. 반드시 merge된 것을 확인하고 내 local에서 feature/topbar 를 삭제해야 함
-> 이 싸이클을 반복하는 것임

깃 커밋 메시지 잘못 쓴 경우

1. vs code source control 에서 커밋 내역 되돌리기
2. remote 와 local 커밋 내역이 다르므로 그냥 push 하면 오류남

git push -f origin feature/topbar

-f force 옵션은 유의해서 사용하기!

공통 컴포넌트만들 때 적용하고 싶은 속성이 있으면 props로 넘겨주기!

코드 한 줄을 생각하고 고민해서 쓰자!

유효성 검사 - 미리 상의가 필요함!

1. input 밑에 넣을 helptext component 만들기
2. helptext 로 보여줄 지 alert 을 띄울지
alert 을 띄우는 것은 UX를 해친다. 따라서 helptext 를 많이 쓴다.
3. helptext 안내창 컴포넌트 만들기

유효성 검사 시
- input 마다 state 받기
- onChage 마다 정규표현식 기준으로 검사
ex) 결괏값 true일 때 파란 text / false일 때 빨간 text

rest api 더 알아보기