Skip to content

2023.09.07 목

jkea1 edited this page Sep 7, 2023 · 17 revisions

eslint 규칙 수정

  • @rushstack/typedef-var off
    • 객체에 대한 타입 지정이 번거롭게 느껴져서 삭제
  • explicit-function-return-type off
    • Missing return type on function 에러를 해결하기 위해서

패키지 추가하기

  • @tanstack/eslint-plugin-query 추가

함수명

  • 동사로 한다.
  • get, create, delete, edit 를 접두사로 붙인다.

변수명

  • 명사로 한다.

배열 형태 데이터 변수명

  • list
  • ex. postList

배열 요소명

  • item
  • ex. postItem

Color

  • 우선 임시 색깔을 우선 사용한다.
  • 검정색 추가할 예정

컴포넌트

Screenshot 2023-09-07 at 4 19 15 PM Screenshot 2023-09-07 at 4 37 50 PM

index 파일 적극 사용하기

  • import를 보고, 현재 클래스나 현재 함수나 현재 파일이 어떤 패키지나 폴더에 의존적인지 한 눈에 파악하기
  • 계층이 한 방향으로 흐르도록 만들어주기
  • 양방향 의존 하지 않기
스크린샷 2023-09-07 오후 5 07 14

스코프 단위로 생각하기

  • 모든 상수를 한 곳에 모아놓지 않기.
    • 상수의 스코프를 생각하기.
    • 이 상수가 어떤 영역에서 쓰이는가 생각하고 디렉토리 구조 짜기

일정 계획 구체화 작업

  • 유저 스토리 기반 라벨화 작업을 통해 일정 구체화
  • 이슈 템플릿 변경
    • 사용하는 api 추가
    • 작업 시간 명시 ex) 시작일과 마감일 표시
  • 노션에 개인 일정 추가하기

크로마틱 활용한 스토리북 배포는 추후 생각해보기

react-query 사용한 suspense 도입은 공부해보고 얘기해 보기