9.21 수 - 메인프로젝트 데일리 회고

1. 체크리스트

오늘

• [x] Stories 컴포넌트

이번주

• https 통신 연결( 프론트 s3 + cloudFront ↔ 서버 ELB + ACM ) → 다음주
• 기능 테스트 및 완성
  • 개발환경과 배포환경 통일 → 다음주
  • 회원가입, 로그인 시 응답에 따른 예외처리
  • 클라이언트에서 로그인 시 서버로부터 인가정보 응답으로 받기
  • 게시글 작성요청 시 인가정보 확인 후 응답에 따른 예외처리
• 가급적 모든 페이지의 디자인 구현 완료

---

2. 오늘 한 일

Stories 컴포넌트 구현

• 화면에 보여질 항목은 5개로, 넘치는 부분은 overflow: scroll 처리
  • 페이지네이션으로 개선 필요
• 클릭시 모달창으로 팝업
  • 유저정보와 인풋창을 position: absolute로 주어서 부모 위치와 상관없이 존재하고 있어 현재 위치값이 좀 어색하게 화면에 보여짐
  • background-blend-mode: darken; 스타일 적용이 안되고 있음

http 통신 테스트

• 회원가입, 로그인 확인
  • 경우에 따른 예외처리 구현 필요
• 백엔드 코드 수정으로 로그인 시 토큰값 응답 헤더로 잘 들어오게 수정 완료.
  • JWT 토큰값 웹 스토리지에 저장 시 XSS 공격을 방지하기 위한 대비책에 대해 학습과 적용 필요

---

3. 공부할 것

• XSS 공격 방어 방법
• position: absolute로만 다른 요소를 밀어내지 않고 투명하게 최상단으로 올릴 수 있는 것인지 css 공부가 필요
• 프론트 https 구현을 위해 S3 ↔ CloudFront 사용 시 SSL 인증서를 ELB 띄운 백엔드 서버 것으로 사용해야 하는 것인지 확인 필요
• 웹스토리지에 저장한 jwt 토큰값을 인가가 필요한 api 요청시에 요청 헤더에 담아 보낼 때 매번 같은 코드를 작성하지 않고 편리하게 할 방법
  • axios 인스턴스화로 해결될 사안인지 확인 필요