YOOGOMJA 개발 블로그

[정원사 프로젝트] 5. 테스트와 리팩토링 하기

정원사 프로젝트 회고, 사용자 테스트와 개선, 리팩토링하기

프로젝트 회고 글타래 1. 토이 프로젝트 기획과 기술 정하기 2. 개발 환경 구성과 백엔드 개발하기(1) : mongoose + github API 3. 백엔드 개발하기 (2) : crawling + scheduler 4. 프론트 개발하기 5. 테스트와 리팩토링하기 6. 프로젝트 마무리하기 1. 테스트 하기 1차 완성을 ...

Posted by yoogomja on June 22, 2020

[정원사 프로젝트] 4. 프론트엔드 개발하기

정원사 프로젝트 회고, 프론트 엔드 개발하기

프로젝트 회고 글타래 1. 토이 프로젝트 기획과 기술 정하기 2. 개발 환경 구성과 백엔드 개발하기(1) : mongoose + github API 3. 백엔드 개발하기 (2) : crawling + scheduler 4. 프론트 개발하기 5. 테스트와 리팩토링하기 6. 프로젝트 마무리하기 1. 기획하기 화면 기획전에 필...

Posted by yoogomja on June 21, 2020

[정원사 프로젝트] 3. 백엔드 개발하기 (2)

정원사 프로젝트 회고, 백엔드 개발하기(2) : crawling + scheduler

프로젝트 회고 글타래 1. 토이 프로젝트 기획과 기술 정하기 2. 개발 환경 구성과 백엔드 개발하기(1) : mongoose + github API 3. 백엔드 개발하기 (2) : crawling + scheduler 4. 프론트 개발하기 5. 테스트와 리팩토링하기 6. 프로젝트 마무리하기 1. 크롤링 하기 지난 단계에서...

Posted by yoogomja on June 20, 2020

[정원사 프로젝트] 2. 개발 환경 구성과 백엔드 개발하기 (1)

정원사 프로젝트 회고, 개발 환경 구성과 백엔드 개발하기 : mongoose + github API

프로젝트 회고 글타래 1. 토이 프로젝트 기획과 기술 정하기 2. 개발 환경 구성과 백엔드 개발하기(1) : mongoose + github API 3. 백엔드 개발하기 (2) : crawling + scheduler 4. 프론트 개발하기 5. 테스트와 리팩토링하기 6. 프로젝트 마무리하기 1. 설계하기 본격적으로 프로젝...

Posted by yoogomja on June 20, 2020

[정원사 프로젝트] 1. 토이 프로젝트 기획과 기술 정하기

정원사 프로젝트 회고, 기획과 기술 정하기

프로젝트 회고 글타래 1. 토이 프로젝트 기획과 기술 정하기 2. 개발 환경 구성과 백엔드 개발하기(1) : mongoose + github API 3. 백엔드 개발하기 (2) : crawling + scheduler 4. 프론트 개발하기 5. 테스트와 리팩토링하기 6. 프로젝트 마무리하기 1. 개발 동기 2~3달 가량 ...

Posted by yoogomja on June 19, 2020

momentjs로 자바스크립트에서 날짜를 쉽게 다루기

복잡한 날짜 계산, Date 객체 다루기 momentjs로 쉽게하자

개발을 하디보면 굳이 개발하자니 귀찮고, 남이 준비해놨는지 헷갈리는 기능들이 많다. 보통 그런 기능이나 연산들의 묶음은 다른 사람이 이미 만들어서 라이브러리를 배포해둔 경우가 많은데, 블로그에서는 내가 자주 쓰는 라이브러리들도 모아두려고 한다. 생각 보다 개발하다보면 날짜를 다뤄야하는 경우가 생각보다 많이 생긴다. 특정 날짜를 YYYY-MM-DD 형...

Posted by yoogomja on June 18, 2020

Express에서 Github API를 사용하기

Github API를 쉽게 사용하기 위한 패키지와 응용법을 알아보자

진행 중인 사이드 프로젝트에서 github REST api를 사용중에 있다. 기본적인 조회부터 꽤 다양한 항목들을 수행할 수 있는데 이번 프로젝트에서는 주로 조회에 관련된 기능들을 이용해 작업중에 있다. Github API Document 사용하기에 앞서 요청 가능량을 알아둘 필요가 있는데, github REST API에서 인증된 요청에 한해서는 ...

Posted by yoogomja on June 17, 2020

countDocuments와 페이징 구현

mongoose에서 페이징을 구현해보자

이번 사이드 프로젝트에서 mongodb와 mongoose를 다루고 있는데, 화면을 구성하면서 자연스럽게 페이징 기능을 구현해야하는 요구 사항이 생겼다. mysql에서야 자주 만들어본 쿼리지만, mongoose에서는 다뤄본 적이 없기 때문에 정리해둔다. 1. 모든 아이템의 갯수를 얻기 페이징을 구성하면서 조회할 수 있는 마지막 페이지를 계산하기 위...

Posted by yoogomja on June 17, 2020

hooks와 react-router의 중첩 Route와 404 페이지 설정하기

typescript, hooks와 함께 디테일한 react-router 다루기!

이번에 별도로 진행하는 프로젝트에서 react와 react-router를 사용하고 있다. 실제로 개발을 하다보니 이해가 부족했다 싶은 부분이 있었는데, RESTful 하게 주소를 디자인 하고 404 페이지를 만드는 부분이었다. 그래서 헷갈렸던 부분을 해결하고 정리해본다. (이 포스트는 typescript와 react-router v5를 기준으로한다.)...

Posted by yoogomja on April 29, 2020

React + NodeJS X Express 연결하기

React 프로젝트를 빌드하고 NodeJS X Express에 연결해보자

지금 진행 중인 토이 프로젝트에서 react를 프론트로, nodejs + express를 백엔드 서버로 사용 중 이다. 이전에 다른 프로젝트에서도 사용해본 경험이 있는데, 연결하는 부분은 자꾸 잊어먹게 되서 남겨둔다. 기본적으로 react 개발서버를 그대로 사용하지 않고, 빌드해서 사용하는 것은 동일하다. 이떄 create-react-app을 사용해...

Posted by yoogomja on April 16, 2020

Gomja.dev.log