# create react app

38개의 포스트

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일
·
0개의 댓글
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개의 댓글
post-thumbnail

Typescript with React

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

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

Create React App 에서 Jest 사용할 때 오류

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

2021년 6월 2일
·
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개의 댓글

[typescript] tsc 실행 시 발생하는 에러, error TS1005

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

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

[React] create-react-app & Typescript 초기 세팅 완벽 정리

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

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