[React] 프로젝트 생성 중 npm 이름 규칙 오류, 종속성 충돌 문제 web-vitals 관련 오류

제가 React 프로젝트 생성 중 실제로 겪었던 문제와 해결 방법을 공유해 보겠습니다.1. npm 이름 규칙 오류React 프로젝트를 생성하려고 다음 명령어를 실행했습니다:npx create-react-app LottoVerse 그러나 오류 메시지가 출력되었습니다:Cannot create a project named "LottoVerse" because of npm naming restrictions: * name can no longer contain capital letters원인: npm은 프로젝트 이름에 대문자를 허용하지 않습니다. 문제해결npm에서 대문자가 포함된 이름을 허용하지 않기 때문에, 프로젝트 이름을 소문자로 수정해 명령어를 실행했습니다:npx create-react-app lottov..

2025.01.19

내가 공부하려는 글 : React와 Vercel로 웹/앱 개발하기

웹 개발에서 주목받는 도구 중 하나는 바로 React(리액트)와 Vercel(벌셀)입니다. 이 글에서는 리액트와 벌셀에 대한 개념과 사용 이유를 설명하고, 이 두 가지를 사용하여 웹 또는 앱을 개발하는 방법에 대해 자세히 알아보겠습니다.리액트(React)란 무엇인가요?리액트는 페이스북에서 개발한 자바스크립트 기반의 UI 라이브러리로, 컴포넌트 기반의 설계 방식을 통해 재사용성과 유지보수성을 극대화합니다. 이는 사용자가 인터랙티브한 사용자 인터페이스(UI)를 효율적으로 구축할 수 있도록 도와줍니다.리액트의 주요 특징컴포넌트 기반UI를 독립적인 컴포넌트 단위로 나눠서 개발할 수 있어 유지보수가 쉽습니다.단방향 데이터 흐름데이터는 위에서 아래로 흐르며, 데이터 관리를 직관적으로 할 수 있습니다.Virtual ..

2025.01.05