1. 구현하기

진행 상황

• 로그인, 회원가입 페이지 CSS 완료
• 회원가입 폼 : 이메일 형식이 아니거나 비밀번호 형식이 아니면 인풋 밑에 메시지 출력
• 로그인, 회원가입 클릭 시 이동

진행 예정

• 로그인 폼 : 값이 비어있으면 로그인 버튼 비활성화 & 포커스 이동
• 회원가입 폼 : 알맞은 형식이 아니라면 회원가입 버튼 비활성화 & 포커스 이동
• 질문 작성 페이지 CSS

---

2. TIL

2-1. Git branch 생성 실수

main 에서 feat 생성

팀원들끼리 협의한 대로 main 브랜치에서 dev 브랜치를 생성 후, dev에서 feat 브랜치를 생성하고 각자 작업은 feat 브랜치에서 한 후 dev에 merge 하기로 했었다.
팀원분 중 한분이 dev 브랜치를 생성해주셔서 dev로 이동 후, git checkout -b feat/login 명령어를 입력하였고 작업을 진행한 뒤 커밋 푸쉬를 하고 나니 dev가 아닌 main 브랜치에서 생성된 것 같다는 말씀을 해주셨다.

시도한 방법

우선 한 작업물들은 dev 브랜치에 PR 후 머지하여 dev 브랜치에서 작업하고 열심히 pull을 받아오기로 했다. 그래서 같은 파일에서 작업을 하는 것이므로 push 할 때는 반드시 서로 말해주기로 했다.

1. 나에게 변경사항이 없는데 팀원이 push를 한다면, git pull
2. 내가 작업 중이었는데 팀원이 push를 한다면,
   2-1. git stash : 가장 최근의 커밋 기준 모든 변동사항 임시저장
   2-2. git pull : 팀원의 새로운 커밋들 당겨오기
   2-3. git stash list : 임시저장소의 리스트 확인
   2-4. git stash pop : 가장 최근의 임시저장 불러오기
   2-5. git add, commit, push
   

해결 방법

너무 아쉬워서 열심히 구글링 해본 결과 원하는 브랜치로부터 분기 하려면 git checkout -b feat/login을 하면 안되는 것을 알았다....
1. git checkout -b feat/login dev : 원하는 브랜치로부터 분기
2. git push --set-upstream origin feat/login : Remote에 new branch 등록
3. git push origin feat/login

2-2. eslint 에러

missing in props validation

props를 넘겨주는데 화면은 아무이상 없이 잘 작동되고 콘솔도 잘 찍히는데 자꾸 에러가 나와서 열심히 구글링해보았더니 .eslintrc.json에서 설정을 따로 해줘야한다고 한다.

해결 방법

 "rules": {
    "react/prop-types": 0
  }

'test' is not defined

위의 문제가 해결되나 싶더니 또 이번엔 App.js 에서 빨간 밑줄과 함께 에러가 뜨는 것을 발견.... 이것도 구글링해보니 역시 .eslintrc.json에서 설정을 해주면 해결된다고 한다.

해결 방법

"env": {
    "jest/globals": true
  },