프론트엔드 작업 방식

[c0c0pang]

프로젝트 관리

1. 각자의 아이디로 브랜치 생성
2. PR로 작업물 검토 후 main에 merge
3. 각 브랜치는 main을 pull 하여 작업 이어감

파일관리

1. css 경우 styled-component 폴더에 관리
2. 각 페이지에 맞는 폴더 생성 및 파일 생성

버전 관리(계속 업데이트 예정)

{
  "name": "meet-mate",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@types/node": "18.14.1",
    "@types/react": "18.0.28",
    "@types/react-dom": "18.0.11",
    "@types/react-responsive": "^8.0.5",
    "@types/styled-components": "^5.1.26",
    "axios": "^1.3.4",
    "eslint": "8.34.0",
    "eslint-config-next": "13.2.1",
    "next": "13.2.1",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-kakao-maps-sdk": "^1.1.6",
    "react-naver-maps": "^0.1.2",
    "react-query": "^3.39.3",
    "react-responsive": "^9.0.2",
    "recoil": "^0.7.7",
    "styled-components": "^5.3.6",
    "typescript": "4.9.5"
  },
  "devDependencies": {
    "@svgr/webpack": "^6.5.1",
    "@swc/cli": "^0.1.62",
    "@swc/core": "^1.3.36"
  }
}

코드 관리

1. .tsx 파일에 기본 html tag 작성 금지

커밋 규칙

1. 커밋 컨벤션을 지킨다
2. 기능별로 commit
4. body에는 상세하게 어떤 기능인지 작성한다.