코딩 부트캠프 5주차 회고

🤓 무엇에 도전했는가

• React를 이용하여 이미지 기반 SNS의 주요 기능들을 구현했다.
• 컴포넌트를 세분화하고 적극적으로 재사용했다. React의 강점과 취지를 직접 느껴보고자 했다.
• Figma를 접하게 됐는데 현업에서도 디자이너와 소통할 때 사용하겠지 싶어 기능들을 꼼꼼히 살펴보고 간단하게 직접 작성해보기도 했다.
• firebase의 여러 기능을 사용해보았다.
• 로그인 상태에 따라 달라지는 View 구성요소 구현

🧐 무엇을 배웠는가

• 로그인 인증방식별 장단점, 내 프로젝트에는 어떤 방식을 사용하는 것이 적합한 지 판단할 수 있어야 한다는 것.

• 토큰인증방식을 사용한다면 프론트에서는 서버에서 받은 토큰을 어디에 저장할 지 웹 저장소(쿠키, 세션, 로컬스토리지)의 장단점을 알고 프로젝트 성향에 맞게 판단할 수 있어야 한다는 것.

• 이번주에 새로 적용해 본 firebase 기능들
  Authentication으로 로그인 인증
  storage에 사용자가 올린 파일을 업로드
  realtime database를 이용하여 실시간 알림
  database query 이용하여 조건부여 및 일부 data만 읽어오기

• 로그인 상태 판단 후 사용자 정보를 리덕스에 저장시켜둠으로써 로그인을 유지하는 방법

• 로그인 여부에 따라 View 구성요소를 달라지게 하기 위해서 컴포넌트 분기처리하는 법, 이 조건조차 컴포넌트로 분리시킬 수 있다는 것이 놀라웠다.