# create react app
[문제해결] "You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1)."
난이도 : 🌟 create-react-app 실행npx create-react-app blogerror message해석을 해보면..👉🏻 더 이상 Create React App의 전역 설치를 지원하지 않습니다.👉🏻 다음 명령 중 하나를 사용하여 전역 설치를 제
CRA: dotenv 사용하기
create-react-app에는 node.js에서의 환경 처럼 dotenv를 설치할 필요가 없다.package.json파일과 같은 레벨 상에 .env파일을 생성한다. .env 파일 안의 변수명에 REACT_APP\_을 붙여 준다.개발 환경이라면 .env.develop
React js 시작
겨울방학을 맞이하여 React 기초를 다지고자 React 강의에서 배운 내용을 이곳에 기록하고자 합니다.강의는 생활코딩님의 React 강의와https://www.inflearn.com/course/react-%EC%83%9D%ED%99%9C%EC%BD%94%E
Update Global Create-react-app
CRA 로 Typescript 프로젝트를 만드려다가 과거에 사용하던 create-react-app [app name] 을 지우고 시작하라는 메시지가 나왔다. 우선 설명대로 npm, yarn 에 global 로 설치되었던 create-raect-app 을 삭제했다.
create-react-app으로 만든 프로젝트의 start가 동작하지 않는 문제
문제 원인 : Node 17버전부터 적용되는 OpenSSL 3.0의 규격을 만족하지 못하는 모듈이 있다.
[react] create-react-app 설치 및 준비
그동안 니꼬쌤의 강의는 react를 CDN방식으로 해왔는데,그보다 더 쉬운 방식인 create-react-app을 소개하셨다.아마 생활코딩에서 알려줬던 방식과 동일한 것으로 보인다.사실 생활코딩으로 먼저 접할 땐 create-react-app방식이 눈에 잘 안들어왔는데
React Testing Library(Jest)를 활용하여 TDD 경험해보기 -2(Unit Test 편)
프론트엔드에서 간단하게 Unit test를 적용하는 법✨
[react] vs code 시작 및 종료 명령어
설치는 생활코딩 react 유투브 강의를 통해서 진행했다.npm을 이용해서 create react app 설치create react app을 이용해서 개발환경구축vs code에 react 실행하는 방법도 생활코딩에 나와있다.샘플 웹앱 실행vs code를 실행한다.vs
create-react-app 없이 리액트 앱 빌드하기 1 - Babel
들어서며 많은 사람이 처음 리액트 개발을 할 때 Facebook이 제공하는 create-react-app (이하 CRA)을 사용할 것이다. CRA는 번거로울 수 있는 초기 세팅을 모두 해 주기에 분명 편리하지만 리액트 앱을 자기 입맛대로 수정하려는 개발자에게는 일종의
[React] CRA 프로젝트에서 IE 지원하기
Create-react-app 프로젝트를 진행하는데IE브라우저를 지원해야한다면 필요한 것들을 정리합니다. CRA 공식문서를 보면, IE 9, 10, 11을 지원하기 위해서 react-app-polyfill을 사용하라고 안내하고 있습니다.
create-react-app - typescript 에서 global.d.ts 적용하기
작업 중 String 객체를 확장시켜야 하는 경우가 생겼다.기존 javascript에서는 단순히 String.prototype.SomeFunction = function() { ... } 으로 하면 되지만, typescript에서는 typescript typecheck
create-react-app에서 SVG를 ReactComponent로 사용하기
create-react-app(이하 CRA) + electron 환경에서 작업 중에 svg icon 파일을 사용해야 하는 경우가 생겼다. (state에 따라 색상 등을 다르게 주는 등의 작업을 위해..)사실 이전에도 버튼 안에 svg icon을 넣는 것을 시도해보았으나
create-react-app, typescript, emotion으로 React 프로젝트 시작하기
작은 프로젝트지만 처음부터 구성하는건 오랜만이라 하는 김에 정리해서 공유하려 한다.우선 CRA와 typescript를 사용할거고, 스타일링은 emotion으로, 코딩 컨벤션을 위해 ESLint와 Prettier를 사용 할 예정이다.일단 아래 명령어 중 하나를 사용해서
[Windows, VSCODE] Electron(With CRA)에 Node C++ Add-on 추가하기
사내 프로젝트로 Electron + React 환경에서 개발하고 있는데, 도중 Windows 환경에서 Alt+F4, Alt+Tab 등의 OS Native한 명령에 대해 hooking 처리를 해야 하는 일이 생겼다. hooking하는 부분은 잡혀있는데, 문제는 이게
[react에러]* name can no longer contain capital letters
이렇게 뜨면 프로젝트 폴더명에 대문자가 있어서 뜬다고함.프로젝트 폴더 이름을 소문자로만 했더니 잘됨.이후 npx create-react-app .입력하여 현재 디렉토리에 리액트 생성함.끝.