본문 바로가기

Web5

Dayjs vs. Moment.js: Dayjs를 사용해야하는 이유 프로젝트를 진행하다 보면 날짜와 관련된 여러가지 연산이 머리아프게 할 때가 많다. 물론 내가 아직 아기 개발자이기 때문이겠지만... 이런 상황에서 자주 사용되는 날짜 관련 라이브러리가 바로 dayjs와 momentjs인데, 각각의 프로젝트나 상황에 따라 선택되는 이유가 달라지게 된다. 이번 기회에 깔끔하게 정리해보려고 한다. Dayjs vs Moment.js Moment.js와 Dayjs는 JavaScript 기반의 날짜 및 시간 라이브러리로, 특히 Moment.js는 과거에 많이 사용되었다. 현재는 Moment.js의 유지보수가 중단되어, 새로운 프로젝트에는 사용이 권장되지 않지만 레거시 프로젝트에서 여전히 많이 사용되고 있다. Dayjs는 Moment.js 중단 이후 많은 개발자들 사이에서 주목받게 .. 2024. 2. 2.
PostMan Mock Server 로 프론트엔드 개발속도 올리기 Mock Server "Mock"이란 가짜나 모조품을 의미한다. Mock Server는 실제 백엔드 서버가 아직 구축되지 않았을 때, 프론트엔드 개발자가 가상의 서버를 사용하여 개발 및 테스트를 진행할 수 있도록 도와줄 수 있다. 일반적으로 백엔드가 아직 완성되지 않은 초기 단계에서 프론트엔드 개발자는 실제 데이터를 기다리지 않고도 Mock Server를 활용하여 API 응답을 모방하고 프로젝트를 진행이 가능하다. Postman과 같은 도구를 이용하면 쉽게 Mock Server를 구성하여 협업과 개발 효율성을 높일 수 있다. (무료계정에서는 Mock Server Request 제한 횟수를 월 1000회로 제한하고 있어 지속적으로 사용하기에는 어려울 수 있다.) Postman으로 Mock Server 구성.. 2024. 1. 28.
자바스크립트 패키지 매니저 / npm 과 yarn 비교 Node.js로 프로젝트를 진행할 때, 패키지 관리를 위해 주로 npm과 yarn을 선택한다. 프로젝트는 일관된 패키지 매니저를 사용하는 것이 중요하며 npm과 yarn은 패키지 관리 방식이 다르기 때문에 충돌이 날 수 있으므로 혼용하지 않는 것이 좋다. 따라서 프로젝트를 넘겨 받았을 때, yarn.lock 파일이 있다면 yarn을 사용하고, package-lock.json 파일이 있다면 npm을 사용하는 등 프로젝트 팀 간에 일관성을 유지하는 것이 중요하다. 만약 프로젝트에서 yarn.lock 과 package-lock.json이 동시에 존재한다면 프로젝트 개발환경을 정리하고 앞으로의 프로젝트에서는 선택된 패키지 매니저를 사용하여 일관성 있게 개발을 진행하는 것이 미래에 발생할 수 있는 의존성 충돌을 .. 2024. 1. 28.
npm install --force와 npm install --legacy-peer-deps의 차이 이해하기 npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm 패키지를 사용할 때 종종 다음과 같은 의존성 충돌에 부딪힐 수 있다. 이러한 충돌을 해결하기 위해 주로 사용되는 두 가지 옵션은 --force와 --legacy-peer-deps 이다. 이 두 플래그 간의 차이와 각각 언제 사용해야 하는지에 대해 알아보려고 한다. npm install --force --force 플래그를 사용하면 peerDependency가 맞지 않더라도 강제로 패키지를 설치한다. 이는 종종 의존성 버전이 호환되지 않을 때 사용된다. 주의가 필요하며, 이는 종속성 충돌을 일으킬 .. 2024. 1. 10.