HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스/
🎫
[팀5] 코코단 (Coding & Coworking) - Triplan/
🗒️
회의록/
🚏
2021/11/30(화) 회의록
🚏

2021/11/30(화) 회의록

태그
프론트
생성 일시
Nov 30, 2021 07:25 AM
참가자
최종 편집 일시
Dec 3, 2021 05:28 AM
속성
UI라이브러리
Subset Font
react router v6
날짜 format
Recoil
1. chakra UI2. Subset Font3. react router v64. 날짜 format5. 상태관리 Recoil
 

1. chakra UI

UI library로 사용
Design 단계에서 Chakra UI 컴포넌트 등 참고
  • https://chakra-ui.com/
  • https://chakra-templates.dev/
  • https://pro.chakra-ui.com/
<figma>
  • https://www.figma.com/file/CADQbZPzmrUomz8s2bwvMX/Chakra-UI-Figma-Kit-(Community)?node-id=7%3A4
  • https://www.figma.com/community/file/935959613109017886
 

2. Subset Font

  • 용량줄이기 용이
  • local fontfile
  • Noto Sans 쓰는 것 어때요..?
참고
한글 웹 폰트 경량화해 사용하기
웹 폰트란 간단히 말해서 폰트파일(eot, woff 등)을 브라우저가 서버로부터 내려받아 사용하는 폰트를 말합니다. 이용자 컴퓨터에 설치돼 있지 않아도 폰트가 동작하기 때문에 조금 더 미려한 디자인을 가능하게 합니다. Google Fonts 의 서비스를 이용하면 사용할수 있습니다만 조금 아쉬운 점이 있습니다. 바로 구글의 폰트 서버를 이용해야 한다는 점인데요.
https://blog.coderifleman.com/2015/04/04/using-korean-web-fonts/#Subset-and-Subsetting
 
 

3. react router v6

  • CSR인 관계로 routing은 react router v6을 사용
  • 기존 JSX 방식으로 라우팅 처리할 지, 객체 리터럴 형태로 처리할 지 고민해볼 것.
참고
React Router v6 업데이트 정리
velopert님의 영상을 토대로 정리한 블로그 글입니다.동영상으로 보실분들은 velopert님의 유튜브 영상을 시청해주세요!React Router v6가 정식으로 릴리즈 되었다. 공식문서그 동안 사용했던 React Router의 문법이 조금 바뀌었는데v5문법에 많이
React Router v6 업데이트 정리
https://velog.io/@ksmfou98/React-Router-v6-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-%EC%A0%95%EB%A6%AC
React Router v6 업데이트 정리
 
 

4. 날짜 format

  • 백엔드와 논의 된 format
2019-11-13
YYYY-mm-dd
  • day.js 또는 date-fns 라이브러리 활용
  • 캘린더의 경우 react-datepicker 라이브러리 커스터마이징
 
 

5. 상태관리 Recoil

https://recoiljs.org/ko/docs/guides/asynchronous-data-queries
  • 튜토리얼 및 비동기 데이터 쿼리 공부
  • recoil로 동기 + 비동기 !