# create react app

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 .입력하여 현재 디렉토리에 리액트 생성함.끝.

zzid

create-react-app \[project-name] --typescript

tlatjdgh3778

Create React App 에는 Jest가 내장되어 있기 때문에 별도의 설치가 필요하지 않다.터미널에서 바로 npm test 를 입력해주면 된다.만약 아래 코드와 같이 설치를 했다면 추가로 설치하기 때문에 npm start 를 입력하면 버전 충돌이 일어나서 에러가

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으로 프로젝트를 생성한다.

jinsunee

Situation create-react-app + typescript로 구성된 환경에서 typescript 컴파일러를 실행시켜봤을 때 아래와 같은 에러가 발견됐습니다. Error 아래와 같은 에러가 터미널에 보였고 분명 아무런 설정도 하지 않은 상태였는데 생겼던거라

junghyeonsu

최근에 타입스크립트를 배우고 타입스크립트로 create-react-app을 설정하는데 시간이 많이 걸렸다..그리고 새로 프로젝트를 시작할 때 초기세팅을 완벽하게 하자! 라고 생각을 해서 협업을 할 때 문법이 서로 틀리는 것, 코드 구조가 틀리는 것을 방지하고자 esl