# create react app

13개의 포스트
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일
·
1개의 댓글

create-react-app에서 react가 실행되는 기본 흐름(?)

리액트(react) 공부를 시작하면서 create-react-app이라는 것을 알게되었습니다. 리액트에 필요한 환경설정들을 간편하게 구축해주고 리액트 프로그램을 간단하게 돌려볼 수 있다고만 알고 있었는데... 공부하다가 가만히 생각해보니... 리액트는 js로 구성되어 있고 웹 브라우저는 그것을 요청해서 가져오는 것인데... '그럼 내가 지금 보고...

2020년 1월 9일
·
0개의 댓글
post-thumbnail

CRA - One of your dependencies has a security vulnerability 에러 해결

📃 발생 에러 명령어를 활용해 react-app을 만들고 github에 올리면 라며 image.png 위와 같은 경고가 발생했습니다. 클릭해 들어가보면 image.png 이런 내용이었는데 yarn.lock에 가보면 image.png 이렇게 2.1.1 보다 최신 버전인 2.1.2도 확인할 수 있는데 CRA로 리액트

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

create-react-app의 react-scripts package 살펴보기

create-react-app의 react-scripts package 살펴보기

2019년 12월 28일
·
0개의 댓글

리액트 시작하기 - create react app으로 빠르게 개발할 수 있습니다.

리액트로 클라이언트 앱을 개발하는 방식은 크게 두가지로 나뉩니다. 웹팩을 통한 리액트 개발 설정 create-react-app을 통해 빠르게 리액트 개발 시작 웹팩으로만 개발을 하다가 예제같은걸 빠르게 돌려보고 싶을때는 create-react-app을 사용하는게 나

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

CRA로 만든 프로젝트에 Storybook 적용 / 유용한 팁 / 강의를 마치면서..

6. CRA로 만든 프로젝트에 storybook 적용 우리가 디자인 시스템을 만들때만 스토리북을 사용 할 수 있는건 아닙니다. 꼭 디자인 시스템이 아니여도, 기존에 존재하던 웹 프런트엔드 프로젝트에 스토리북을 적용하면 컴포넌트 문서화를 할 때 편하므로 매우 유용합니다. 디자인 시스템을 만들기 위하여 프로젝트를 아예 분리하는것이 번거로운 상황이라면, 기존...

2019년 11월 24일
·
4개의 댓글
post-thumbnail

Styling? with Linaria!

styled-components에 질렸다면 linaria는 어떤가요!

2019년 6월 4일
·
3개의 댓글
post-thumbnail

Create-react-app V2 릴리즈! 무슨 변경 사항이 있을까?

리액트 개발자라면 애용하고 계실 도구인 create-react-app 의 v2 버전이 릴리즈되었습니다! 기존에 만든 자료들을 업데이트해야 한다는 점 (특히 책... 따흑... )은 조금 귀찮긴 하지만, 좋아하는 도구가 더 멋져졌으니까, 정말 듣기좋은 소식인데요! 이

2018년 10월 2일
·
29개의 댓글