# create react app

kry-p

들어서며 많은 사람이 처음 리액트 개발을 할 때 Facebook이 제공하는 create-react-app (이하 CRA)을 사용할 것이다. CRA는 번거로울 수 있는 초기 세팅을 모두 해 주기에 분명 편리하지만 리액트 앱을 자기 입맛대로 수정하려는 개발자에게는 일종의

jetom

No 6. CRA로 react 환경 구성하기

rimo09

Create-react-app 프로젝트를 진행하는데IE브라우저를 지원해야한다면 필요한 것들을 정리합니다. CRA 공식문서를 보면, IE 9, 10, 11을 지원하기 위해서 react-app-polyfill을 사용하라고 안내하고 있습니다.

kk3june

What is React 리액트는 페이스북에서 만든 javascript ui 라이브러리 사용자 정의 태그를 생성하여 코드의 가독성을 높여주고 재사용성을 보장해주는 컴포넌트를 생성한다. 개발환경 세팅 npm을 사용하여 create-react-app 설치 npm 설치

acccdang

작업 중 String 객체를 확장시켜야 하는 경우가 생겼다.기존 javascript에서는 단순히 String.prototype.SomeFunction = function() { ... } 으로 하면 되지만, typescript에서는 typescript typecheck

minj9_6

1.node.js 설치(홈페이지에서. 설치확인 : node -v / npm 설치확인 : npm -v) 콘솔에서 npm install npx -g (설치확인: npx -v)

acccdang

create-react-app(이하 CRA) + electron 환경에서 작업 중에 svg icon 파일을 사용해야 하는 경우가 생겼다. (state에 따라 색상 등을 다르게 주는 등의 작업을 위해..)사실 이전에도 버튼 안에 svg icon을 넣는 것을 시도해보았으나

joabyjoa

작은 프로젝트지만 처음부터 구성하는건 오랜만이라 하는 김에 정리해서 공유하려 한다.우선 CRA와 typescript를 사용할거고, 스타일링은 emotion으로, 코딩 컨벤션을 위해 ESLint와 Prettier를 사용 할 예정이다.일단 아래 명령어 중 하나를 사용해서

acccdang

사내 프로젝트로 Electron + React 환경에서 개발하고 있는데, 도중 Windows 환경에서 Alt+F4, Alt+Tab 등의 OS Native한 명령에 대해 hooking 처리를 해야 하는 일이 생겼다. hooking하는 부분은 잡혀있는데, 문제는 이게

eve1s

이렇게 뜨면 프로젝트 폴더명에 대문자가 있어서 뜬다고함.프로젝트 폴더 이름을 소문자로만 했더니 잘됨.이후 npx create-react-app .입력하여 현재 디렉토리에 리액트 생성함.끝.

ricale

create-react-app으로 React 웹앱을 만들었다. 웹팩Webpack 설정은 어떻게 되어 있는지 살펴보고 싶어서 `yarn eject` 명령어도 실행했다. 이 글에서는 웹팩의 `module` 설정에 대해 알아보자.

unu

브라우저가 섹시한 코드를 받아들이지 못하므로 못생긴 코드로 바꿔 줄 필요가 있다. 이전에는 WebPack과 babel 다운로드 해야하고 그다음 리액트를 컴파일 해줘야했는데, 이젠 create-react-app 이 react web app을 바로 셋업해주는 덕분에 그럴

aksel26

const EnhancedComponent = higherOrderComponent(WrappedComponent);Data request, response flow, Axios client / setupProxy.jsback, front 서버 한번에 켜기루트 폴더에

ricale

create-react-app으로 React 웹앱을 만들었다. webpack 설정을 직접 수정하고 싶어서 `yarn eject` 커맨드도 실행했다. 그럼 webpack 직접 설정하기 첫걸음으로, `resolve.alias`를 설정해보자.

popawaw

webpack dev server / hot reloading / type script

ricale

Create React App 은 React 웹앱을 만들고자 할 때 프로젝트 초기 셋팅 (디펜던시 설치, 각종 설정 적용 등) 을 도와주는 편리한 툴이다. 이 글에서는 이 툴을 가지고 생성한 앱을 GitHub Pages 에 배포해 볼 것이다.

sayi

다음의 명령으로 node.js가 설치되어 있는 지 확인한다.설치되어 있다면 다음과 같이 버전이 출력된다.v12.21.0설치가 필요한 경우 아래의 링크에서 원하는 버전으로 설치하자.https://nodejs.org/ko/npm은 JavaScript 패키지 관리자

grinding_hannah

create-react-app으로 React 개발환경 구축하기

gojaegaebal

방법은 React 공식페이지에 나와있다.나중에 쉽게 보기 위해 정리해본다.Create React App에 대해 알아보고자 한다.이를 활용하려면 Nodejs가 설치돼있어야 한다.그리고 아래와 같이 "my-app"부분에 내가 원하는 이름을 수정하여 아래와 같이 입력하면 새

esc

node.js, npm 설치하고 create-react-app으로 프로젝트를 생성한다.