[Stroll] 1일차

역할 분담

Front End - 2명
Back End - 2명

스택 설정

분류	스택
Front End	react, ant-design, axios, react-router-dom
Back End	express, mysql, sequelize, jwt, crypto, cors, node.js, sequelize-cli
Etc	naver-map api, 날씨 api, 미세먼지 api

Bare Minimum 설정

• 산책로를 카테고리별로 분류(내 위치 기반)
• 회원가입
• 로그인
• 로그아웃
• 산책로 한 곳을 클릭하면 정보창 표시
  → 정보창 내용: 위치 정보(도로명 주소), 카테고리(조용한 산책로), 사진들, 리뷰(별점, 평) 등
• 산책로 추가 - 마커 5개를 찍어서 루트 생성
  → [추가] 버튼으로 추가 가능, 이 때 어떤 산책로인지 분류할 “태그(조용한 산책로, 위치 정보)” 필요.

Front End

• [Layout 설정][https://ovenapp.io/project/4MNwnNOy3K5lxwXqNRjqQ2pR7opsZbgo#Ul2ge]
• 리액트 컴포넌트 설계(진행중)

Back End

• API 문서 작성
• 데이터베이스 스키마 작성

공통 과제

• Eslint(Airbnb)와 prettier 통일하기
  => Airbnb버전 Eslint는 매우 까다롭다.

//ESlint적용 => 터미널 입력
npm info "eslint-config-airbnb@latest" peerDependencies 
yarn add eslint-config-airbnb

//prettier 
{
  "singleQuote": true,
  "semi": true,
  "useTabs": true,
  "tabWidth": 2,
  "printWidth": 80
}

// eslint
"eslintConfig": {
    "extends": [
      "react-app",
      "airbnb"
    ],
    "rules": {
      "react/prefer-stateless-function": 0,
      "react/jsx-filename-extension": 0,
      "react/jsx-one-expression-per-line": 0
    }
  }