---
# System prepended metadata

title: Week1 Day2
tags: [project08]

---

---
tags: project08
---
Week1 Day2
===

# 어제 공부한 내용 스크럼

## 이연정

- tslint -> eslint
- mapbox tutorial
- typescript, webpack 공부

## 박은식

- mapbox 기능들
- data 관한 생각

## 위정훈

- CRA + TypeScript + Emotion 간단한 실습
    - `@emotion/styled`
    - `@emotion/react`

## 이은솔

- mapbox 공부
    - 좌표 data 관리에 대한 생각
- 다양한 api, tutorial 등으로 선택과 집중이 필요하다는 생각
- typescript 공부
- google styled map 렌더방식에 대한 분석

## 이준희

- 타입스크립트 공부
- CRA 및 웹팩 공부

---

# 오늘 할 일

- feature list -> 멘토분들에게 확인받기
- UI
- 환경설정

## UI

- Prototype tool Figma 활용
- https://www.figma.com/file/cwjgVIiCH4YtKRCSSWKHji/project08?node-id=1%3A3 

## feature list

- Spreadsheet 활용
    [feature list 링크](https://docs.google.com/spreadsheets/d/11tz41NW_KiwJqWJrQRA_aTWBqdjliKSvJFtq_idEmXY/edit#gid=1215517442)
    
## 추가된 부가기능

- 사용자가 원하는 곳에 마커 생성 및 제거
[marker 관련 tutorial](https://docs.mapbox.com/mapbox-gl-js/example/add-a-marker/)

## 프로젝트 구성

- Presentational and Container Components
    - 한 컴포넌트 폴더 안에 presenter와 container 파일 필요
    - 해당 컴포넌트를 불러올때 container 불러오기
- components 폴더 안에 같은 depth로 각 component 폴더 생성

```
+-- src
    +-- components
    +-- hooks
    +-- pages
    +-- stores
    +-- utils
```

## Day2
- Day1 계획서
    - [x] 사용할 패키지 첫번째 안 확정
    - [x] 환경설정 후 첫 커밋
    - [x] 요구사항 구체화 하기 > feature list?
    - [x] feature list 멘토님들께 검토받기
        - 지도 데이터 요청(가능하다면 일본)
    
## Day3 계획
### 화면 레이아웃 구성 계획

- 왼쪽 사이드바
- mapbox 이용 map 렌더링
- 우측 버튼들
- module-alias 설정
- 이슈 만들어야 되겠죠?

### 팀 스터디 준비
- 박은식
    - github action
- 이은솔
    - redux
- 이연정
    - design pattern (container, presentational)
- 이준희
    - mapbox
- 위정훈
    - mapbox

## 마스터클래스 준비 - TDD
- 개인으로 진행