[Stroll] 1일차

junyong92·2020년 1월 13일
0

Project - stroll

목록 보기
1/4

역할 분담

Front End - 2명
Back End - 2명

스택 설정

분류스택
Front Endreact, ant-design, axios, react-router-dom
Back Endexpress, mysql, sequelize, jwt, crypto, cors, node.js, sequelize-cli
Etcnaver-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
    }
  }

0개의 댓글