React and Spring Boot (4) 썸네일형 리스트형 [React] Visual Studio Code로 리액트 개발 시 유용한 자동완성 단축키 React 개발시 유용한 자동완성 단축키 플러그인 reactjs code snippets 비주얼 스튜디오 코드 확장(Extensions) 아이콘을 클릭 후 reactjs code snippets 를 install 후 비주얼 스튜디오 코드를 재실행 한다. rsf(React Stateless Function Component) : 함수형 컴포넌트를 생성import React from 'react';const MyComponent = () => { return ( My Stateless Function Component );};export default MyComponent; rcc(React Class Component) : 클래스형 React 컴포넌트 생성import React.. React tailwind 설치 에러 'tailwind'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. React Tailwind 설치 에러 React 에서 Tailwind 유틸리티 우선 css 프레임워크이다Tailwind CSS는 CSS 속성들을 클래스 형태로 제공한다. 개발자가 클래스 이름만으로 빠르게 디자인을 적용할 수 있다. 설치 시 에러 발생React에서 Tailwind 설치 후 npx tailwindcss init 실행 시 오류 발생'tailwind'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 버전문제로 인한 에러인듯 하여 4버전에서 3버전으로 재설치npm install -D tailwindcss@3 postcss autoprefixernpx tailwindcss init 가이드https://v3.tailwindcss.com/docs/installat.. React 'You are running `create-react-app` 5.0.1, which is behind the latest release' 설치 에러 React 'You are running `create-react-app` 5.0.1, which is behind the latest release' 에러 create-react-app 5.0.1 버전을 사용중인데 최신 버전이 나왔다고 오류가 발생하는 경우 해결방법 1. 구버전 제거하기create-react-app 의 구버전을 시스템에서 전역적으로 제거npm uninstall -g create-react-app 2. 최신 버전 설치npm install -g create-react-app 3. 새 react 앱 만들기npm create-react-app [my-app] npx는 항상 최신 버전의 create-react-app을 사용하기 때문에, 전역으로 설치하지 않고도 바로 최신 버전을 사용할 수 있다. React 앱 설치 에러(Installing template dependencies using npm) React 설치 에러 해결 Node 버전 : v22.14.0npm 버전 : 10.9.2 React 설치 시 에러 원인은 리액트19버전이 원인인듯 1. 첫번째 시도는 리액트를 제거 후 재설치하는 방법npm uninstall -g create-react-app 으로 리액트 앱 제거 npm install -g create-react-app 으로 리액트 앱 재설치 npx create-react-app [app name] 으로 리액트 앱 실행 하지만 그래도 실패 2. Yarn 으로 설치Yarn을 설치하고 Yarn을 이용하여 리액트앱을 설치하는 방법npm install -g yarnyarn create react-app [app name] 3. 리액트 버전 변경리액트앱을 설치 후 실패하게 되면 설치 실패한.. 이전 1 다음
