Gomja.dev.log

컴퓨터는 잘못 없다. 내가 잘못한게 분명하다.

Express에서 Jimp로 이미지 리사이징과 GCP Storage에 업로드하기

GCP에 이미지를 업로드, Jimp를 이용해 리사이징도 해보자

임시로 만드는 프로젝트에서 express + typescript를 이용해 이미지 처리를 해야할 상황이 생겼다. 이는 유저 프로필 이미지를 위해서인데, 몇 가지 고려할 사항들이 있었다. api 서버와 이미지를 같은 위치에 두지 않아야 한다 이미지 업로드 시 이미지의 사이즈를 줄일 필요가 있다 원형으로 사용되므로 이미지를 크롭해야한다 1...

Docker 볼륨에 mongodb dump와 restore하기

Docker Volume의 mongodb를 관리해보자

1. docker 에서 dump하기 1.1. 볼륨 확인하기 docker volume ls 위 명령어로 저장된 볼륨의 목록을 확인할 수 있다. 그 후에는 해당 볼륨에 shell에 접근해야한다. 1.2. 볼륨 접근하기 docker exec -ti 볼륨_이름 sh 해당 볼륨의 shell로 접근한다. 여기서 mongo 키워드를 입력해서 mongod...

React에서 Highchart 사용하기

React에서 쓸 수 있는 강력한 차트 라이브러리

몇 년 전, 회사에서 화면 작업에 차트를 그려야할 일이 있어서 찾아보다가 highchart라는 라이브러리를 찾게 되었다. 굉장히 많은 종류의 차트를 만들 수 있었고, 무엇보다 구현이 굉장히 쉬운 편이었다. 옵션들도 다양하지만 문서를 참고한다면 어렵지 않게 구현할 수 있는 차트였다. 상업적인 용도로 사용한다면, 별도의 비용을 지불해야하지만 개인 사용자...

[정원사 프로젝트] 6. 프로젝트 마무리하기

정원사 프로젝트 회고, 프로젝트 문서화와 정리하기

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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