~ 2일차 저녁
~ 2일차 밤
~ 3일차 새벽
Search
개발환경 설정
•
node 버전 통일 : v18.17.0
기술 스택
•
React + Typescript + ESlint + Prettier 세팅
◦
ESlint + Prettier : https://myung-ho.tistory.com/93
•
styled-component
•
axios
반응형
스크린 너비 지정
폴더구조
•
api : api 통신 관련 코드◦
엔티티명.ts : 해당 엔티티와 관련한 REST API
예시 : user.ts
•
assets : 프로젝트에서 사용할 이미지 파일 •
components : ◦
컴포넌트.ts
◦
Header.ts
◦
Footer.ts
◦
home ◦
collect•
pages •
hooks : 리액트 관련 훅•
utils◦
atom : 리코일 상태관리
◦
constants : 상수
◦
interface : 타입 관리
내일 오전까지
•
모바일 웹뷰
•
지도 api 띄우기 : 카카오 맵 api
간단한 코딩 컨벤션
•
최종 배포는?
◦
vercel
폴더구조
협업 규칙
Commit Convention
•
feat : 새로운 기능 추가 → 기능 작업 (로직, 네트워크 통신 등등)
•
layout: css 스타일 작업
•
fix : 버그 수정 (bug fix) → 이슈나 에러에 대한 수정, 기능에 대한 변화
•
docs : 문서 수정
•
style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
•
refactor : 코드 리펙토링
•
add: 파일추가, 에셋추가
: 새로운 기능을 추가
: 버그 픽스
: 스타일 작업 (기능상 영향 X)
: 문서 수정
: 리팩토링
: ?
Plain Text
복사
PR Convention
브랜치 전략
feature/기능 or 페이지명
design/…
fix/…
간단한 코딩 컨벤션? (선택)
•
폴더명 :
•
컴포넌트명 : 대문자로 시작, 카멜표기법 (HelloWorld)
•
상수는 대문자 (HELLO_WORLD)
•
변수명은 스네이크표기법 (hello_world)