moo

리액트 프로젝트 생성

node -v // 노드 버전을 확인npm -v // npm 버전 확인 npm uninstall -g create-react-app // 이전 버전을 사용 중이라면 이를 제거하고 최신 버전을 설치npm install -g create-react-app // 먼저 최신 버전의 create-react-app을 설치npm install -g npm@latest // 이미 깔려 있으면 최신버전 업데이트npx create-react-app front-photogram // 새 프로젝트를 생성 마지막 cmd 에서 ls 목록 확인

기타 2025. 3. 16. 22:25

Cannot create a project named "프로젝트이름" because of npm naming restrictions: * name can no longer contain capital letters Please choose a different project name.

이 오류는 npm의 프로젝트 이름 규칙 때문입니다 이름에 대문자("P")가 포함되어 있어 오류가 발생한 거예요 npm에서는 프로젝트 이름에 다음과 같은 제약이 있습니다:대문자 사용 불가: 프로젝트 이름은 모두 소문자로 작성해야 합니다.특수문자 제한: 하이픈("-")이나 밑줄("_")은 사용 가능하지만, 다른 특수문자는 사용할 수 없습니다.유효한 패키지 이름 형식: npm 패키지 이름 규칙을 따라야 합니다.

오류모음 2025. 3. 16. 22:08

왜 리액트를 학습하려 하는가..?

1. 리액트는 자바스크립트 라이브러리이다. React는 2013년 페이스북에 의해 출시되었고 현재까지 꾸준한 인기를 누리고 있으며 React는 개발자가 웹사이트와 애플리케이션에서 빠르고 효율적인 사용자 인터페이스를 쉽게 구현할 수 있도록 설계되었다. 그럼 사람들 왜 React을 사용할까요? 저는 React의 핵심 요소인 Virtual DOM(가상 DOM) 때문이라고 생각한다. 개발을 위한 환경 설정node -vnpm -vgit --versioncorepack enableyarn -v VS Code:https://code.visualstudio.com/download맥용 터미널 iTerm:https://iterm2.com저의 iTerm 셋팅: https://gist.github.com/kevin-smets..

React(리액트) 프로젝트 2024. 6. 6. 20:02

vue.js 쓰는이유

Vue js의 가벼운 크기와 직관적인 문법으로 인해, SPA 개발에 매우 적합한 프레임워크입니다. 여기서 SPA는 Single Page Application(단일 페이지 애플리케이션)을 의미하는데, 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션을 뜻합니다. 기존의 다중 페이지 애플리케이션은 사용자가 링크를 클릭할 때마다 서버로부터 새로운 페이지를 로드하는 방식이었습니다. 하지만 SPA는 초기에 전체 페이지를 로드하고, 사용자 인터랙션에 따라 필요한 데이터만 서버로부터 비동기적으로 로드하여 업데이트합니다. 이를 통해 사용자 경험을 향상시키고 애플리케이션의 성능을 개선할 수 있습니다. Vue js의 대표적인 특징을 뽑자면, ‘양방향 데이터 바인딩’, ‘컴포넌트 기반 아키텍처’, ‘..

VUE.JS 2024. 2. 22. 01:04