본문 바로가기

Side Project

Side Project 2019. 5. 5. [PROJECT] Array Parser 만들기 - (1) 기본 개념 정리 [PROJECT] Array Parser 만들기 - (1) 기본 개념 정리 서론 Codesquad step6-1 미션인 Array Parser 미션에 대해 분석하고 프로젝트를 시작하기 전에 알아할 기본 배경 지식을 조사해보겠다. 미션 분석 우리가 사용하는 JSON.Parse() 메서드를 구현하는 것으로 총 3가지 미션이 있다. 단순한 1차원 배열안에 있는 요소를 파싱 중첩된 배열의 요소 파싱 오브젝트 파싱 설계를 할때 단순히 미션을 성공에 초점이 아니라 다음 미션을 같이 생각해서 설계하는 것이 좋을 것 같다. 배경 지식 트리와 그래프 트리와 그래프 모두 자료 구조의 일종으로 서로 비슷한 모양을 가지고 있다. 각각의 성질이 있는데 우선 트리는 다음과 같은 성질이 있다. 트리의 성질 node 와 edge로 ..
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 ) 더 개선해야 할 점이 있다면 댓글로 적어주세요...... 다음 시간에 이번 차시가 마지막.

티스토리툴바