자몽아이스티맛의 기술 블로그 자몽아이스티맛의 기술 블로그

분류 전체보기

• 2019-08-21 개발일지

  개발일지 2019. 8. 21. 17:19

  오늘은 빼먹었던 세션 작업을 추가했다. 로그인을 했을 때 세션을 저장하는 작업과 로그아웃했을 때 세션을 제거해주는 작업을 추가해줬다. 그리고 기존에 만들었던 토큰 검증 미들웨어 로직을 수정해줬다. 그리고 1:1 문의 답변을 만들기 위해 DB 테이블 1:1 연관관계 모델링을 작업했고, 목록 조회, 검색, 페이지네이션, 상세보기, 1:1 문의 작성을 작업했다. 제대로 된 기획문서 하나 없이 개발하는거 이제 슬슬 지치기 시작한다.

  Read More
• 2019-08-20 개발일지

  개발일지 2019. 8. 20. 18:23

  오늘 DB FAQ 테이블 모델링이 변경 사항이 있었다. 기획팀으로부터 사용자도 카테고리를 사용하지않고, 현재 운영하고 있는 앱에 많은 기능이 내포되어 있지 않기 때문에 굳이 카테고리 별로 게시글을 작성할 필요성이 없다는 내용이었다. 이에 테이블에서 카테고리 컬럼을 제거하였고, 시퀄라이즈 모델링에서 카테고리 필드 제거, 목록 조회 API, 등록 API 로직을 수정했다. 그리고 현재 1:1 문의 답변 API를 만들 준비가 되었다.

  Read More
• 2019-08-19 개발일지

  개발일지 2019. 8. 19. 13:14

  오늘은 Sequelize를 사용해서 SQL 함수를 사용해야하는 상황이 발생했다. PostgreSQL의 ROW_NUMBER() OVER() 함수를 이용하여 조회한 대상에 순차번호를 매겨서 프론트 엔드에 데이터를 넘겨야했다. 이는 시퀄라이즈의 options를 이용해서 처리할 수 있었다. 코드를 보자. const table = await model.findAll({ attributes: [ [ sequelize.literal('ROW_NUMBER() OVER(ORDER BY id ASC)'), 'num' ], [ 'id', 'id' ], [ 'content', 'content' ] ], where: [ something: some ] }); attributes 속성엔 조회 대상 필드에 대한 조작을 할 수 있게..

  Read More
• 2019-08-16 개발일지

  개발일지 2019. 8. 17. 05:25

  오늘은 로그인 로직에서 jwt 토큰을 생성, 검증하는 로직을 따로 모듈로 빼서 모듈화하였다. 추가로, 권한을 요구로하는 API를 호출할 때 토큰 유효성 검증을 위해 jwt 토큰 검증 핸들러 미들웨어를 만들어, 라우트 단계에서 컨트롤러로 진행하기 전에 토큰을 검증하여 컨트롤러로 연결 / 로그인으로 연결하는 로직을 작업했다. 자바의 경우 인터셉터에서 처리를 했었는데 노드에서 익숙하지 않아 꽤 고민을 했었다. next()로 쉽게 처리할 수 있어 어려움은 없었다.

  Read More
• [편리기능] TabOut

  IDE/VSCode 패키지 2019. 8. 12. 03:53

  이클립스나 인텔리j를 이용하며 개발하다가 VSCode를 사용할 때 가장 불편한 것 중 1순위는 특수문자 작성 중 탭을 이용하여 벗어날 수가 없다는 것이다. 예를 들어 if (어쩌구 저쩌구를 입력하고 있을 때 소괄호를 빠져나가기 위해서 탭을 누르면 자동으로 닫는 소괄호가 작성되며 그 바깥으로 커서 포커스가 발생한다. 그러나 VSCode는 if (어쩌구 저쩌구 ) 이런 상황이 발생하여 여간 불편한게 아니다. 이 확장팩은 이런걸 해결해준다.

  Read More
• [주석] Better Comments

  IDE/VSCode 패키지 2019. 8. 12. 03:49

  주석을 달 때 좀 더 다양한 효과를 줄 수 있는 확장팩이 있다.

  Read More
• 휴가기간 (2019-08-12 ~ 2019-08-15)

  개발일지 2019. 8. 12. 02:36

  여름 휴가기간 입니다. 개발일지 없음.

  Read More
• [Theme] SynthWave'84

  IDE/VSCode 패키지 2019. 8. 12. 02:34

  약간 레트로 느낌이 나는 옛날 8090년도의 느낌의 테마를 찾았다. SynthWave'84 확장팩 내용에 To enable the glow 라는 챕터를 보고 따라하면 글로우효과를 줄 수 있다. 1. VSCode의 custom CSS and JS 확장팩을 설치한다. 2. synthwave84.css 링크를 클릭해 따라가서 css파일을 내려받는다. 3. VSCode settings.json을 열고 (이 부분은 설정을 들어가면 열 수 있음) 4. vscode_custom_css.imports 라는 키로 synthwave84.css의 위치를 추가해준다. 이후 VSCode를 재시작하면 적용된다.

  Read More