# create react app

39개의 포스트
post-thumbnail

create-react-app 없이 리액트 앱 빌드하기 1 - Babel

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

2021년 9월 23일
·
0개의 댓글
post-thumbnail

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

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

2021년 9월 13일
·
0개의 댓글

[React] CRA 프로젝트에서 IE 지원하기

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

2021년 8월 19일
·
0개의 댓글
post-thumbnail

[TIL.16] React 개발환경 세팅

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

2021년 8월 15일
·
0개의 댓글

create-react-app - typescript 에서 global.d.ts 적용하기

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

2021년 7월 15일
·
0개의 댓글
post-thumbnail

React - intro & setup

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

2021년 7월 12일
·
0개의 댓글

create-react-app에서 SVG를 ReactComponent로 사용하기

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

2021년 7월 12일
·
0개의 댓글
post-thumbnail

create-react-app, typescript, emotion으로 React 프로젝트 시작하기

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

2021년 7월 12일
·
2개의 댓글
post-thumbnail

[Windows, VSCODE] Electron(With CRA)에 Node C++ Add-on 추가하기

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

2021년 7월 6일
·
0개의 댓글
post-thumbnail

[react에러]* name can no longer contain capital letters

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

2021년 6월 18일
·
0개의 댓글

CRA webpack 분석 (2) - module 설정

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

2021년 5월 27일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 1.0 리액트앱 생성과 실행

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

2021년 5월 19일
·
0개의 댓글
post-thumbnail

Node + React_3 (FE)

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

2021년 5월 12일
·
0개의 댓글

CRA webpack 분석 (1) - resolve.alias 설정

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

2021년 5월 5일
·
0개의 댓글
post-thumbnail

setup webpack dev server

webpack dev server / hot reloading / type script

2021년 5월 4일
·
0개의 댓글
post-thumbnail

Create React App 으로 GitHub Pages 적용하기

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

2021년 5월 3일
·
0개의 댓글
post-thumbnail

[React] React 시작하기 (node.js, create-react-app)

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

2021년 4월 8일
·
0개의 댓글

[React.JS] React 개발환경 구축하기

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

2021년 4월 5일
·
0개의 댓글

210319 개발일지(102일차) - Create React App(새 React App 만들기)

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

2021년 3월 21일
·
0개의 댓글

React 시작하기

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

2021년 2월 28일
·
0개의 댓글