/VanillaJS-Trello

Vanilla JS로 구현한 To-Do List 서비스

Primary LanguageJavaScript

📋 To-Do List 만들기

Vanilla JS 학습용 트렐로 서비스 구현

설치방법

npm install
npx webpack

실행방법

npm start

학습목표

BE

  • MySQL을 사용하고 드라이버는 mysql2 사용
  • passport는 사용하지 않고 express-session을 사용해서 인증을 구현
  • session은 메모리에 저장, 외부 라이브러리 X

FE

  • Webpack과 Babel을 활용해서 기본적인 환경 구성
  • 비동기 통신은 fetch API를 활용
  • DOM 조작과정에서 template literal 을 활용한 문자열 기반 파싱
  • SASS와 같은 pre-processor 를 사용

실행화면

image

배포 URL

http://49.50.163.212/

컬럼이나 노트 이름을 더블클릭하면 수정하는 모달창이 생성된다.



ERD

erd