- 프로젝트 디렉토리 설정 (express, vue)
- database 폴더 및 파일들 생성
index.js
: 엔트리 포인트db.js
: mysql2 설정 및 커넥션 생성userDB.js
: User 테이블 관련 함수들itemDB.js
: Item 테이블 관련 함수들
- models 폴더 및 파일들 생성
index.js
: 엔트리 포인트userModel.js
: 유저 레코드용 모델itemModel.js
: 아이템 레코드용 모델
- queries 폴더 및 파일들 생성
userQueries.js
: 유저 테이블용 쿼리 객체itemQueries.js
: 아이템 테이블용 쿼리 객체
- utils 폴더 및 파일들 생성
hashPassword.js
: crypto를 이용한 해시 함수
.env
파일 생성 : 각종 환경변수 설정 파일whitelist.js
파일 생성 : cors 화이트리스트 호스트 파일
- session, cors 디렉토리 생성후 관련 파일을 넣음
- 각종 라우터 파일명 수정 (더 명확한 의미를 가지도록)
database/userDB.js
의 유저 추가 함수에서,hashPassword.js
를 사용하도록 수정database/userDB.js
의 유저 업데이트 함수, 유저 삭제 함수 구현하기database/itemDB.js
의 함수들 구현하기- 프로젝트와 마일스톤 설정하기
- 프론트의 로그인, 로그아웃, 로그인 확인 기능 구현하기
- 관리자 미들웨어 구현하기
- 관리자 화면 및 기능이 잘 작동하는지 확인하기 (유저, 아이템 API)
- 투두 관련 테이블 구현하기
- ERD 그리기
- 초기화 스크립트 작성 (DDL 추출)
- 투두용 모델들, 쿼리 작성
- 관리자 페이지의 유저 관리 페이지에서 패스포트를 통한 인증이 제대로 되지 않는 오류 수정
- readme 작성하기
- 배포하기 (update후 git, node, pm2 설치)
- 배포하기 (서버)
- 배포하기 (프론트) (ACG에서 8080포트 연 뒤, ssh에서 npm run serve실행)
- 투두 API 구현하기 (board, category)
- vuex를 도입하여 유저 아이디, 유저 네임 등등 관리하기
- 투두 API 구현하기 (note)
- 투두 화면 구현하기
- 초기화 SQL 작성하기 (
initializeDB.sql
, 테스트는 안해봄)
Note.vue
구현하기- 드래그 앤 드랍 구현하기
- 변경된 카드에 따라, DB에 적용되도록 fetch 날리기
- 보드 이름 변경 구현하기
- 카테고리가 고정폭을 가지도록 수정하기
- 카테고리 이름 변경 구현하기
- 노트 생성 구현하기
- 노트 이동 로직 수정하기 (
category
,position
관련 에러) - 노트 변경 구현하기
- 노트 삭제 구현하기
- 카테고리 생성 구현하기
- 카테고리 삭제 구현하기
- 보드 생성 구현하기
- 보드 삭제 구현하기
- 드래그시 미리보기 기능 구현하기
- 초기화 스크립트 작성하기
- category-container 오버플로우시 수평스크롤 기능 추가하기
Modal.vue
컴포넌트 모듈화하기(원하는 내용 끼워넣을 수 있도록..)Modal.vue
컴포넌트 책임 분리하기 (모달 자체는 모달 기능만 포함해야 되지 않을까..)- select에서는 애스터리스크 대신 컬럼명을 명시하자.
- query보다는 execute를 사용하자.
- 노트 이동 로직에서, 복잡한 이벤트 흐름 구조가 탄생했는데, 최적화할 수 없을까?
- 노트 이동 로직에서, 한번 이동한 노트는 다시 이동 불가능한 현상 수정. (drag start는 정상 작동)
- formData 만드는 로직을
makeFormData
함수로 리팩토링하기.