👉 개발 부분

1. 스터디 만들기 페이지 (’StudyCreate’ Comp)
2. 비밀번호 확인 모달 (’VerifyPasswordModal’ Comp)
3. Create API 작성 및 백엔드 연동
4. 홈 화면의 스터디의 배경이미지

👉 어려웠던 점

1. 스터디 만들기 페이지 (’StudyCreate’ Comp)

   1. State가 많아 질땐 공통 데이터들은 객체로 관리
   2. 검증 처리 구현이 쉽지 않았다
   3. 이 당시 컴포넌트 분리하는게 익숙하지 않아서, 코드가 너무 길게 작성되었다. → input태그들을 컴포넌트로 만들어서 분리하자니, 쓸때없이 복잡도만 올리는것 같아서 분리하지 않았다.

2. 비밀번호 확인 모달 (’VerifyPasswordModal’ Comp)

3. Create API 작성 및 백엔드 연동

4. 홈 화면의 스터디의 배경이미지

   

👉 배운 점

1. Component의 최상단 태그에 컴포넌트 이름과 동일한 클래스를 부여해서 추후 css 수정할때 반영하기
   1. ex) StudyCreate Comp → <div className=”StudyCreate”>…</div>
   2. .StudyCreate { ..style }
   3. 이렇게 하지않으면 다른 사람들이 작성한 css와 겹치는 일이 많이 발생
2. 모든건 State.. State만 잘다뤄도 반 이상은 하겠다.
3. 컴포넌트가 협업에 엄청 효율적이란걸 깨달았다.