2023.9.14 목

• issue big ticket 확인

  이슈 링크

• 로컬스토리지에는 토큰 정보만 저장

• 경로

  • 채널 : /채널명
  • 채널에서 게시글 이동 : /post/postId
  • 홈페이지에서 게시글 이동 : /post/postId
  • 내 프로필 : /profile/userId
  • 친구 프로필 : /profile/userId
  • 채팅 페이지 : /chat
  • 특정 채팅 페이지 : 보류

• active 상태는 하단 네브바에서 홈이랑 내 프로필에만 적용한다.

• 헤더 & 푸터 레이아웃 적용

  • router에서 children에 헤더/푸터 유무에 따라 나눠서 넣어줌

• project에서 기대 일정, 실제 일정 라벨을 추가하면 좋을 거 같음

  • big, small ticket 에 적용하면 될 것 같음
  • 긴급 라벨 붙이면 최대한 하루만에 해결하기로 함

• 테블릿 레이아웃 문제

  • 효리님이 해결하신다고 하심

• 코드 스타일 통일

  ex) useState 사용 부분은 상단에 한꺼번에 정리

  ex) useMutation 사용 부분도 한 곳에 한번에 정리

• propsWithChildren 사용

  • React.ReactNode 대신 사용하기로 함

• types 정리 파일 생성 필요

  • types 디렉토리에 넣기
    • 파일명 model.ts

• 컴포넌트 별 디렉토리 분리

  • common 폴더
  • domain 폴더

• svg 아이콘 정리
  • vite-plugin-svgr 플러그인 설치해서 svg 자체를 파일을 저장하기로 함.
  • export {ReactComponet as HomeIcon} from './home.svg' 사용시 에러가 발생하는 문제 해결
  • svg 가져와서 stroke속성 만 없앤다.
  • index.ts 에서 export {ReactComponet as HomeIcon} from './home.svg' 식으로 정리
  • 사용법
    • className사용 ex) className='fill-gray-300 stroke-sub-green'
    • fill : 배경색
    • stroke : 테두리색