# create react app

27개의 포스트

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

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

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

TIL. React Tool

👩🏻‍💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid

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

Express와 React 연동하기(React와 Express 준비하기)

저번편 빅데이터 리뷰 분석 웹 만들기(첫 시작)에 이어서 이번포스팅에선 이제 서버를 만들어 보려고 합니다. 저는 서버 백엔드를 웹 처음 배울때, Python의 Django를 배웠기 때문에 Node.js는 처음입니다. 그래서 이해력과 숙련도가 딸려서 잘못 설명한 점이

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

React Framework 비교하기

CRA vs next.js vs gatsby.js

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

[ React : create-react-app ]

Desktop - wecode 폴더 진입 cd Desktop/wecode westagram-react 프로젝트 설치 npx create-react-app westagram-react westagram-react 프로젝트 진입 cd westagram-react 로컬 서버

2020년 10월 11일
·
0개의 댓글
post-thumbnail

create-react-app 에서 API key 숨기기

create react app 에서 API key 와 같은 주요 정보를 숨기기는 방법

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

create-react-app으로 쉽게 리액트 프로젝트 개발환경 구축하기

리액트 프로젝트 개발환경 구축을 바닥부터 설정하는 것은 굉장히 복잡하다. 하지만 우리에겐 create-react-app이 있다. create-react-app이란? create-react-app은 페이스북에서 만든 공식적인 React 웹 개발용 Boilerplate

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

CRA에서 eject 없이 webpack-bundle-analyzer 사용하기

CRA 공식 문서에서 번들 분석 도구로 source-map-explorer를 소개 해주지만, 컬러풀하고 많이 사용하는 webpack-bundle-analyzer를 사용해보고 싶었다!

2020년 5월 7일
·
0개의 댓글

React로 만든 portfolio를 github를 웹 호스팅으로 올리기 - 2. React Page 만들어서 올리기

1번 참조https://velog.io/@jch9537/React%EB%A1%9C-%EB%A7%8C%EB%93%A0-portfolio%EB%A5%BC-github%EB%A5%BC-%EC%9B%B9-%ED%98%B8%EC%8A%A4%ED%8C%85%EC%9C%B

2020년 3월 14일
·
0개의 댓글
post-thumbnail

create-react-app 으로 리액트 기본세팅

create-react-app create-react-app은 리액트 기본세팅을 돕는 도구다. 실무에서는 회사마다 달리 사용할수 있지만, 이제 막 입문한 초보 리액터인 나는 create-react-app를 아주 잘 사용할 예정이다! 제일먼저 아주 간편하고 훌륭한 도구인

2020년 2월 16일
·
0개의 댓글
post-thumbnail

create-react-app 3.3.0 WebSocket 이슈 해결하기

create-react-app 3.3.0 Bug create-react-app 3.3.0 ver 를 사용하여 React 서비스를 만든 경우, https 프로토콜 사용 시 다음과 같은 에러메세지를 볼 수 있습니다. SecurityError: Failed to construct 'WebSocket': An insecure WebSocket connectio...

2020년 1월 10일
·
2개의 댓글