Project Side Project 2019. 2. 28. [PROJECT] Trello Clone 프로젝트 API - (5) Sequelize 관련 정리 [PROJECT] Trello Clone 프로젝트 API - (5) Sequelize 관련 정리 서론 API 코드 작성에 완료했다. 개발 도중에 블로그 글을 작성하려고 하니 기존에 블로그에 적었던 내용도 많이 바뀌고 중복되는 코드도 많아 어려움이 있었다. 이번 포스팅에서는 코드를 작성하면서 생각해본 Sequelize 팁 같을걸 정리해보려고 한다. 내가 생각하는 Sequelize 사용 팁 transaction 트렌젝션은 데이터베이스가 상태를 변화시키기 위해서 수행하는 작업의 단위를 뜻한다. Sequelize 에서는 트렌젝션 기능을 제공해주는데 사용 방법은 2가지가 있다. Managed transaction Unmanaged transaction 둘의 차이는 자동으로 commit, rollback을 해주냐 .. Side Project 2019. 2. 18. [PROJECT] Trello Clone 프로젝트 API - (4) User 관련 기능 Trello Clone 프로젝트 API - (4) User 관련 기능 서론 이번 포스팅 부터는 기능을 주로 구현해보려고 한다. 우선 User 관련 기능을 구현해 보자. User 관련 API 일단 구현해야 하는 기능들을 나열해보자. 로그인 - POST /user/join 회원가입 - POST /user/login 회원 정보 가져오기 - GET /user/info 회원 정보 수정 - PUT /user/info reset code 검증 - GET /user/reset reset code 발급 - POST /user/reset reset code 파기 - DELETE /user/reset 비밀번호 변경 - PUT /user/reset 이메일로 유저 검색 - GET /user/email/:email 주요 기능 구.. Side Project 2019. 2. 15. [PROJECT] Trello Clone 프로젝트 API - (3) 프로젝트 구조 Trello Clone 프로젝트 API - (3) 프로젝트 구조 서론 본격적으로 코드를 작성하기 앞서 제가 사용하는 프로젝트 디렉토리 구조에 대해 간략하게 설명해볼까 한다. 프로젝트의 구조는 개개인의 취향이므로 무조건적인 정답은 아니다. 전체 디렉토리 구조 디렉토리 구조 api - config // 데이터 베이스 설정 정보, 메일 계정 정보, jwt salt 정보 - middlewares // jwt 토큰 미들웨어 - models // sequelize model 정의 - node_modules // 모듈들... - routes // 라우팅 코드, 컨트롤러 - app.js - index.js - package.json - package-lock.json - README.mdconfig 디렉토리 서버를 운.. Side Project 2019. 2. 13. [PROJECT] Trello Clone 프로젝트 API - (2) 모델 정의 Trello Clone 프로젝트 API - (2) 모델 정의 서론 이번 프로젝트의 모델을 정의 해보려고 한다. 아마 개발을 하면서 수시로 바뀌겠지만 일단은 필요한 모델만 간추려서 작성해 보았다. 파일 구조 - models - activity.js - board.js - card.js - comment.js - index.js - list.js - member.js - user.jsModel sequlize를 이용해 정의를 하여 ( database : Mysql ). 크게 7가지의 모델로 구분해 보았다. activity (trello 에서 카드를 옮기는 동작이나 이벤트가 발생했을 경우 이벤트 발생한 사람과 어떤 이벤트가 발생하였는지 히스토리 형태로 저장됨 ) board ( trello board ) car.. Side Project 2019. 2. 11. [PROJECT] Trello Clone 프로젝트 API - (1) 계획 짜기 Trello Clone 프로젝트 API - (1) 계획짜기 서론 만들기 전에 계획을 짜보려고 한다. 기능 회원 관리 기능 보드 CRUD 리스트 CRUD 카드 CRUD 댓글 기능 Activity 생성 기능 기능 구현 Model 정의 Controller 정의 Route 정의 user - 로그인 / 화원가입 user - 회원 비밀 번호 변경 user - 비밀번호 찾기 board - 보드 조회 board - 보드 수정 board - 보드 삭제 board - 보드 추가 board - 배경 색상 변경 board - 멤버 리스트 board - 멤버 추가 board - 멤버 삭제 list - 리스트 조회 list - 리스트 추가 list - 리스트 삭제 list - 리스트 타이틀 수정 list - 리스트 이동 card.. Side Project 2019. 2. 11. [PROJECT] Trello Clone 프로젝트 시작 (2019.02.11) Trello 클론 프로젝트 시작 서론 우리가 자주 사용하는 Trello 라는 웹 어플리케이션을 클론해보려고 한다. 사용 기술 API node.js 기반의 api 서버로 express, sequelize 를 사용해서 제작할 계획 Client vue.js 를 메인으로 사용하고 vue-router, vuex, axios 를 이용해 기본적인 동작을 할 수 있도록 계획 관련 url API 소스코드 https://github.com/ocipap/API__Trello-clone-project Client 소스코드 https://github.com/ocipap/Client__Trello-clone-project 주의 내가 아는 지식을 최대한 활용해서 만들겠지만 분명 더 좋게 개선할 수 있는 방법이 있을 것이다. 혹시 .. Side Project 2018. 10. 21. [PROJECT] jQuery-UI를 이용한 Trello clone project (6) 마무리 [PROJECT] jQuery-UI를 이용한 Trello clone project (6) 마무리 jQuery-UI를 이용한 Trello clone project (6) - 마무리 지난 시간에 지난 시간까지 Trello 클론 프로젝트를 해 보았다. 이번 시간에는 앞으로 개선할 점을 생각해보자. 끝 (개선할 점) 개선할 점 Datebase 연결 다른 트렐로 기능 구현 설정을 통한 테마 변경 다른 프레임 워크 적용 ( vue, react ) 더 개선해야 할 점이 있다면 댓글로 적어주세요...... 다음 시간에 이번 차시가 마지막. Side Project 2018. 10. 21. [PROJECT] jQuery-UI를 이용한 Trello clone project (5) jQuery UI 스크립트 작성 jQuery-UI를 이용한 Trello clone project (5) jQuery UI 스크립트 작성 지난 시간에 DOM을 제어하는 스크립트를 작성해 보았다. 이번 시간에는 jQuery UI 를 이용하여 엘리먼트들을 이동 및 정렬해 보겠다. jQuery UI 스크립트 작성 굉장히 간단하다. 생각하여야 할 것은 두가지이다. 리스트간의 정렬 및 이동 리스트간의 카드 이동 이제 하나하나씩 해결해 보자 리스트간의 정렬 및 이동 $("#listWrap").sortable({ placeholder: "list-placeholder", handle: ".listTitleWrap", }); placeholder 속성은 해당 엘리먼트가 놓일 자리에 마크가 생기는 것인데 밑에서 설명하겠다. handle속성은 해당 엘리먼.. 이전 1 2 3 다음
