0601 - 0차 스프린트 회의(2)
기술공유
- Figma - 지은
UI & 디자인 공유 툴 - Figma 사용 확정
컨벤션
- Design Pattern - 종관, 우제 > 폴더구조
아토믹 디자인
- 우리 프로젝트에 적용하기엔 과한 시스템
- 기준이 모호, 시간이 많이 소요된다.
base(atoms) : 재사용성이 높은 작은 단위의 컴포넌트
feat(block) : 기능 위주로 분류한 feature 컴포넌트
page : 최상위의 페이지 단위 컴포넌트
이 정도로만 나누기로
디렉토리 구조
잡다한 폴더들 - 중요하지 않은 파일들이기에 합의보는데 크게 지장이 없을 것.
config
api
assets(resources, data, images, icons, logos, json, …)
hooks / utils
컴포넌트 폴더들 - 보통 이렇게들 하기 때문에 크게 이견이 없을 것.
page
feat, components
base, atoms, … 재상용성 작은 단위. (최소한, 2스택)
functions - 활용도, 기능을 어떻게 분류하느냐에 따라 사람마다 다를 것. 합의 필요.
hooks - react hook이 사용되야함.
utils, helper, modules… (작명, 기능)
- css - 종관 + alpha? > 흑흑 나중에..
- 기타 코딩 컨벤션 - 모두 (원래 쓰던 것, 검색해서 레퍼선스 1-2개) - eslint, prettier 일단 해보시길…
여기만큼 airbnb eslint를 차근차근 설명하면서 한 단계 한 단계 설치해가는 사이트 못 봤습니다. 따로 쓰시는 게 없다면 위 사이트 참고해서 eslint, prettier 설정하시고, 다음주 화요일 전까지 강의 내용들 적용시켜보시길 바랍니다.
airbnb 기반으로 코딩 컨벤션들에 대해서 같이 얘기 나눠보도록 하죠.
git convention - 1기 문서를 기반으로
- branch
- main(배포) > dev > issue(기능별)
- commit template
- pr template
- comment template
- review template
- issue?
종관아 오늘까지 올려라. (ㅋㅋㅋ)
일정 공유 툴
- git project
- 노션 캘린더 - 스프린트일정, 발표가 있다던가 (대단위)??? 회의일정..
후반 갈 수록 문서화를 잘 못한다. 최대한 철저하게 관리하는 것이 중요하다.
일단 해본다!
개발이 최우선.
예상 이후이후 일정… 언제 같이 공부하죠..? 흑흑
- 리덕스
- 리액트-라우터-돔
- axios