Trello
[Vanilla JS를 이용한 Trello 서비스 구현]
📋 Trello
1주차엔 백엔드, 2주차엔 프론트엔드를 구현했습니다.
실행
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 를 사용
- Drag and Drop API 사용
ERD
실행화면
배포 URL
http://49.50.163.212/
컬럼이나 노트 이름을 더블클릭하면 수정하는 모달창이 생성된다.
Comments