기술#npm ENOENT Error#Npm ERR code ENOENT 해결#ENOENT 에러

npm ENOENT Error (npm cache clean --force 아님)

개발 중 npx 명령어를 실행할 때 ENOENT 오류가 발생하는 경우가 있습니다. 글로벌 설치 경로 문제를 해결해, 발생하는 오류를 해결하는 방법을 설명드리겠습니다. npm error code ENOENT npm error syscall lstat npm error p...

2024년 8월 5일187
기술#NPM Error#ESLint 설정#Eslint 문제 해결 가이드

[NPM Error] ESLint 설정 문제 해결 가이드

2024년 07월 16일 기준 게시글입니다. Eslint 9.x 버전에서 의존성 충돌이 발생하고 있습니다. ESLint 9.x 버전은 아직 정식 릴리즈가 아닙니다. 8.x 버전을 사용하세요. VSCode ESLint 확장과 프로젝트의 ESLint는 별개이며, 둘 다 필...

2024년 7월 26일157
기술#lightning css#CSS Modules#리액트 css module

100배 빠른 Lightning CSS의 특징과 장점, 단점

Lightning CSS는 Rust로 작성된 CSS 전처리기 및 포스트프로세서로, 최신 CSS 기능을 지원하면서도 뛰어난 성능을 제공합니다. Rust는 메모리 효율성을 극대화 하도록 설계된 시스템 프로그래밍 언어입니다. 주요 특징 (장점과 단점) 장점 속도 : Ligh...

2024년 7월 10일363
기술#npm install --legacy-peer-deps#npm install --force#npm install 에러

npm install --force vs. --legacy-peer-deps 차이점

Node.js 프로젝트를 진행하다 보면 의존성 문제를 자주 겪게 됩니다. 이러한 문제를 해결하는 데 도움이 되는 두 가지 명령어가 바로 npm install --force 와 npm install --legacy-peer-deps 입니다. npm 의존성 관리의 기본 n...

2024년 7월 2일436
기술#npm install --legacy-peer-deps#npm --legacy-peer-deps#Npm install peer

npm install --legacy-peer-deps로 ESLint 충돌 해결하기

프로젝트, 기존 코드베이스를 다룰 때 의존성 관리는 어려운 작업이 될 수 있습니다. 최근 많은 개발자들이 겪고 있는 문제 중 하나는 ESLint와의 피어 의존성(peer dependency) 충돌입니다. 피어 의존성 이해하기 해결책을 알아보기 전에 피어 의존성이 무엇인...

2024년 6월 25일235
기술#pm2#pm2란#pm2 사용이유

AWS EC2에서 PM2를 사용한 Node.js 서버 자동 재시작 가이드

AWS EC2에 배포된 Node.js 오류로 인해 중단되는 것을 방지하고 자동으로 재시작하는 방법을 찾고 계신가요? PM2를 사용하면 간단하게 이 문제를 해결할 수 있습니다. PM2란 무엇인가? PM2는 Node.js 애플리케이션을 관리하고 유지하는 데 사용되는 프로세...

2024년 6월 24일272
기술#bcrypt#npm bcrypt#react bcrypt

bcrypt 라이브러리: 비밀번호 암호화 가이드

비밀번호 암호화는 필수적입니다. bcrypt 는 비밀번호를 안전하게 해시하고 저장하기 위한 강력한 라이브러리입니다. bcrypt란? bcrypt 는 Blowfish 암호를 기반으로 한 비밀번호 해시 함수입니다. 이 함수는 입력된 비밀번호를 암호화하여 해시 값을 생성하며...

2024년 6월 18일177
기술#nodemailer#Nextjs nodemailer#Npm nodemailer

Nodemailer로 이메일 전송하기: 초보 개발자를 위한 가이드

Node.js 환경에서 이메일을 전송하는 가장 간편한 방법 중 하나는 Nodemailer를 사용하는 것입니다. 1. Nodemailer란? Nodemailer는 Node.js 애플리케이션에서 이메일을 전송할 수 있게 도와주는 모듈입니다. SMTP(Simple Mail ...

2024년 5월 24일242
기술#React SVG 아이콘#웹 개발 리소스#디자인 통합 도구

@icons-pack/react-simple-icons 패키지를 통해 웹 성능 향상시키기!

@icons-pack/react-simple-icons 패키지 소개 @icons-pack/react-simple-icons 는 1000개 이상의 SVG 아이콘을 제공하는 React 라이브러리입니다. 이 아이콘들은 주로 프로그래밍 언어, 디자인 도구, 소셜 미디어 플랫폼...

2024년 4월 18일143
기술#npm i marquee#marquee 사용법#react 움직이는 글씨

Marquee 패키지 움직이는 글자, 움직이는 로고

Marquee 패키지 소개 Marquee는 웹 페이지에서 텍스트나 이미지가 수평으로 또는 수직으로 자동으로 스크롤되게 하는 기능을 제공하는 JavaScript 라이브러리입니다. 이는 주로 뉴스 티커, 광고 배너, 또는 웹사이트에서 동적인 요소를 추가할 때 사용됩니다. ...

2024년 4월 17일188
기술#npm i husky#commitlint#commit 규칙

Husky 설정을 활용한 Commit 규칙 설정하기, CommitLint

Husky를 이용한 Commit 메시지 규칙 설정 방법입니다. 이 프로세스는 프로젝트의 Commit 메시지가 일관되고 명확하게 유지되도록 도와주며, 협업 시 팀원 간의 이해도를 높일 수 있습니다. 1. 필요한 패키지 설치 Husky, @commitlint/cli, @c...

2024년 2월 21일187
기술#clerk 로그인#Clerk/nextjs#Clerk 인증

Clerk에 대해서 알아보자

Clerk는 웹 및 모바일 애플리케이션을 위한 사용자 인증 및 관리 플랫폼입니다. 이 서비스는 개발자가 사용자 계정, 로그인 프로세스, 보안 등을 손쉽게 관리할 수 있게 해주는 도구를 제공합니다. Clerk는 특히 React 및 Next.js와 같은 JavaScript...

2024년 2월 15일948