---
# System prepended metadata

title: 3주차 TODO 리스트

---

# 3주차 TODO 리스트

## 백엔드

- MySQL
    - npm package `mysql2`

- Node express
    - express middleware
        - 공통 메소드 분리
        - throw 사용
    - `express-session`
    - cookie

- nCloud
    - ssh

## 프론트엔드

- Webpack
    - SourceMap

- Babel
    - 호환성
        - Edge 84
        - FireFox
        - Chrome
        - Safari
        - iOS Safari
        - Android Chrome
        - Samsung Internet

- ES Module
    - 하나의 파일에 하나의 클래스만 구현

- fetch API
    - json 통신
    - Promise 객체 이용
    - then 사용
    - Multi user 고려 (선택)

- Drag and Drop
    - Drag and Drop API
    - 직접 구현 (선택)

- Event
    - bubbling
    - capturing
    - delegation

- Client Side Rendering
    - DOM 조작 (template literal 권장)
        - innerHTML
        - insertAdjacentHTML

- CSS
    - pre-processor 사용 가능

## GitHub
- README.md
    - 프로젝트 설명
    - 구현완료된 부분 업데이트
- ISSUE 관리
    - 개발해야 할 기능 등록
- 배포시 Tag 관리
    - 버젼 관리


## 할 일

- WebPack 개발 환경 구성
- nCloud 배포
- 학습계획 정리