수학적 접근

이 글에서는 Typescript를 이용한 Node.js 환경 구성, 개발 환경을 위한 nodemon 연동, 그리고 프로덕션 환경을 위한 PM2까지 연동해 볼 것입니다. * 작업하는 환경에 Node.js와 npm이 설치되어 있다고 가정하고 시작합니다. 들어가며 현재 제가 맡고 있는 프로젝트에서는, Javascript 만으로 Node.js 백엔드 API 서버 코드를 작성하고 있었습니다. 그런데 코드 양이 늘 수록 프로젝트 관리에 한계를 느끼게 되어, Typescript를 도입하기로 결정하였습니다. Typescript로 코드를 짤 수 있으면서, 기존에 사용하던 환경을 동일하게 구성하기 위해, 여러 자료를 샅샅이 찾아가며 (+ChatGPT 까지도..) 각종 오류를 겪었습니다. 그 끝에 찾아낸 솔루션을 여기에 정..

PoLAB API - 서버 로그 찍기 서버 로그를 찍기 위해 사용하는 패키지: winston winston, winston-daily-rotate-file 설치 winston-daily-rotate-file 은 로그를 일자별로 파일 저장하기 위해 사용함 아래 블로그 참고하여 기능 구현 [NODE] 📚 Winston 모듈 사용법 - 서버 로그 관리 Winston 모듈 어떤 서버든지 실제로 서비스를 운영하려면 로그를 꼼꼼히 남기는 것은 필수이다. Log는 에러를 파악할 수 있는 열쇠이기 때문에 서버를 운영한다고 하면 로그 시스템을 구축해서 시 inpa.tistory.com 최종적으로 완성한 logger.js import winston from 'winston'; import winstonDaily from ..

관리자 페이지 모바일 - LNB를 햄버거 버튼으로 변경 npm 패키지 사용하여 간단하게 구현함: react-burger-menu 관리자 페이지 모바일 - 이미지 미리보기 - 세로로 볼 때 늘어나 보이는 현상 수정 기존에 그냥 width, height 등의 속성으로만 이미지 미리보기 페이지를 만들려다 보니, 특정 기기에서는 잘 작동하였지만, 다른 기기(예: 모바일)에서는 잘 작동하지 않는 문제가 있었다. 새로운 css 속성 적용: object-fit 속성 이 속성을 채택하여 아래와 같이 적용했더니 늘어나는 현상이 사라짐 (React) 추가적으로 수정한 문제: 모바일에서는 배경 검은 화면이 뒷 전체를 덮지 않는다. 그래서 아래와 같은 코드를 추가하여, body의 배경 자체를 검은색으로 만들었다. useEff..