9.19 월 - 메인프로젝트 데일리 회고

728x90

1. 체크리스트

오늘

[x] 위키에 칸반보드 사용규칙 문서화
[x] 프로젝트에 칸반보드 적용
[x] 회의
[ ] sns 포스트 업로드 폼, stories 컴포넌트 스타일부분 제작(로직 구현 x)
[x] 데일리스크럼 회의록 정리
[x] 멘토 미팅시간 질문지 작성
[x] 멘토 미팅

이번주

fe 멘토 미팅 조언 내용 반영 - 칸반보드, 화면정의, 회고, 파일구조
redux toolkit 활용안 노션 문서 작성 완료
칸반보드 활용안 문서 작성 완료 및 레포지토리 반영
fe ↔ be 통신 연결 확인
dev-fe 브랜치 개발환경 초기세팅, 파일구조, 주석 작성

2. 오늘 한 일

2.1 협업 설정

칸반보드 세팅
라벨 추가
이슈, pr 템플릿 추가
레포지토리 위키 작성

2.2 컴포넌트 제작 (로직 x, 스타일만)

입력폼 컴포넌트
Stories 컴포넌트(진행중)

멘토 미팅

1. 로그인 시 응답 헤더의 토큰값 로컬스토리지로 담으려 할 때 undefined인 이유, 해결방안

const accessToken = response.headers.authorization;

여기서 애초에 값이 안들어오고 있음.

저 부분을 하드코딩해서 로컬스토리지로 들어오는지 안들어오는지 확인

로컬스토리지 문제인지 값을 못받아오고 있는 문제인건지

만료시점에 대해서도 논의가 필요

로컬스토리지에 담는다면 의도치 않게 영구보존될수있다.

실무에선 로컬스토리지에 절대 안담는다.

인증정보, 만료정보 둘 다를 클라이언트에서도 서버에서도 관리를 해야하는 복잡함

→ 쿠키 & 세션방식으로 바꿀까?

백엔드에서 설정한 만료시간에 따라 알아서 만료됨
로컬스토리지방식이라면 프론트에서 언제 쓰고 언제 지울지 다 지정해주어야함.
과금문제를 걱정할 정도로 서버 쓰이지 않음.

2. 인가를 요하는 동작(마이페이지, 게시글 작성/수정/삭제 등) 시 기존과 동일하게 api 요청만 해도 되는 것인지??

→ 쿠키라면 만료시점이 지나지 않았다면 계속 담겨 있음.

→ 로컬스토리지에 담을거면 요청 때마다 계속 헤더에 다시 담아서 보내야 함.

3. 어떤 값을 전역으로 상태를 관리해야 하는지(Redux)

클라이언트에서 전역으로 상태를 관리해야 할 것들이 많으면 코드를 이상하게 짠 것일지도..

로그인, 회원가입, 인가 처리 외엔 리덕스 쓸 일 없을 것 같다.

4. 그 외 기타 조언사항

모달창 구현 참고

React | Portal을 이용한 Modal 구현

div로 전부 감싸지 말고 의미론적으로 태그 사용하기

HTML

3. 공부할 것

react portal 사용해서 모달창 만들기
sns게시글 업로드 시 사진 파일하고 텍스트 둘 다 보내는 방법, 사진 한장이 아닌 여러장 업로드 하는 방법

4. 내일 할 일

게시글 업로드폼 라우터로 페이지 이동이 아닌 홈이나 sns피드 페이지에서 모달로 뜨게 수정
jwt 인가
Stories 컴포넌트
그 외 당일 상황에 맞게 재조정

5. 리뷰

수료가 다가오니 마음이 콩밭으로 가기 딱 좋은 시기인 것 같다. 그래도 당장 코 앞에 닥친 일에 집중하자.