✔️ 결론 및 To Do

✔️ 아젠다 및 질문

멘토링 아젠다와 멘토에게 하고 싶은 질문을 사전에 준비합니다.

• BE

  11/15 BE 회의

• FE

  11/15 FE 회의

✔️ 멘토링 내용

FE

• 컴포넌트별로 index.ts 파일 추가하기

common
└── Button
   ├── Button.css.ts
   ├── Button.tsx
   └── index.ts

• 스토리북 도입 시 컴포넌트별로 .stories.tsx 파일 만들어서 작업하기

  • 디자인 토큰도 storybook으로 만들기!

• 화요일에 백엔드와 API 응답 회의하기

• api ⇒ apis 폴더명 변경하기

• problem ⇒ quiz 백엔드 쪽에 도메인 문의해보기

• design-system/ 디자인 시스템 관련 폴더 styles/ ⇒ .css 파일 폴더 tokens/ ⇒ 디자인 토큰 상수화 폴더 components/

• 타입 별칭과 인터페이스의 차이를 알고 사용하기 ⇒ 코드 작성하면서 추후에 컨벤션 정해보기

• styles/

     reset.css
  

  utils.css.ts

  • z-index, flex-container, fullWidth,

# 디자인 관련 폴더 구조
frontend/.
├── src
│   └── design-system
│       ├── styles # 그리고 나머지 파일들...
│		 	  │	  └── utils.css.ts
│				│		└── layout.css.ts
│       ├── tokens
│       └── components
│  
│   

• 헤더, 푸터, 사이드바, 레이아웃 ⇒ 다 디자인 시스템 컴포넌트 폴더로 이동하기