# create react app
[React] create-react-app & Typescript 초기 세팅 완벽 정리
최근에 타입스크립트를 배우고 타입스크립트로 create-react-app을 설정하는데 시간이 많이 걸렸다..그리고 새로 프로젝트를 시작할 때 초기세팅을 완벽하게 하자! 라고 생각을 해서 협업을 할 때 문법이 서로 틀리는 것, 코드 구조가 틀리는 것을 방지하고자 esl
.png?w=768)
TIL. React Tool
👩🏻💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid
Express와 React 연동하기(React와 Express 준비하기)
저번편 빅데이터 리뷰 분석 웹 만들기(첫 시작)에 이어서 이번포스팅에선 이제 서버를 만들어 보려고 합니다. 저는 서버 백엔드를 웹 처음 배울때, Python의 Django를 배웠기 때문에 Node.js는 처음입니다. 그래서 이해력과 숙련도가 딸려서 잘못 설명한 점이
[ React : create-react-app ]
Desktop - wecode 폴더 진입 cd Desktop/wecode westagram-react 프로젝트 설치 npx create-react-app westagram-react westagram-react 프로젝트 진입 cd westagram-react 로컬 서버
create-react-app으로 쉽게 리액트 프로젝트 개발환경 구축하기
리액트 프로젝트 개발환경 구축을 바닥부터 설정하는 것은 굉장히 복잡하다. 하지만 우리에겐 create-react-app이 있다. create-react-app이란? create-react-app은 페이스북에서 만든 공식적인 React 웹 개발용 Boilerplate
CRA에서 eject 없이 webpack-bundle-analyzer 사용하기
CRA 공식 문서에서 번들 분석 도구로 source-map-explorer를 소개 해주지만, 컬러풀하고 많이 사용하는 webpack-bundle-analyzer를 사용해보고 싶었다!
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
create-react-app 으로 리액트 기본세팅
create-react-app create-react-app은 리액트 기본세팅을 돕는 도구다. 실무에서는 회사마다 달리 사용할수 있지만, 이제 막 입문한 초보 리액터인 나는 create-react-app를 아주 잘 사용할 예정이다! 제일먼저 아주 간편하고 훌륭한 도구인
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...
create-react-app에서 react가 실행되는 기본 흐름(?)
리액트(react) 공부를 시작하면서 create-react-app이라는 것을 알게되었습니다. 리액트에 필요한 환경설정들을 간편하게 구축해주고 리액트 프로그램을 간단하게 돌려볼 수 있다고만 알고 있었는데... 공부하다가 가만히 생각해보니... 리액트는 js로 구성되어 있고 웹 브라우저는 그것을 요청해서 가져오는 것인데... '그럼 내가 지금 보고...
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로 리액트
create-react-app의 react-scripts package 살펴보기
create-react-app의 react-scripts package 살펴보기
리액트 시작하기 - create react app으로 빠르게 개발할 수 있습니다.
리액트로 클라이언트 앱을 개발하는 방식은 크게 두가지로 나뉩니다. 웹팩을 통한 리액트 개발 설정 create-react-app을 통해 빠르게 리액트 개발 시작 웹팩으로만 개발을 하다가 예제같은걸 빠르게 돌려보고 싶을때는 create-react-app을 사용하는게 나
CRA로 만든 프로젝트에 Storybook 적용 / 유용한 팁 / 강의를 마치면서..
6. CRA로 만든 프로젝트에 storybook 적용 우리가 디자인 시스템을 만들때만 스토리북을 사용 할 수 있는건 아닙니다. 꼭 디자인 시스템이 아니여도, 기존에 존재하던 웹 프런트엔드 프로젝트에 스토리북을 적용하면 컴포넌트 문서화를 할 때 편하므로 매우 유용합니다. 디자인 시스템을 만들기 위하여 프로젝트를 아예 분리하는것이 번거로운 상황이라면, 기존...
Create-react-app V2 릴리즈! 무슨 변경 사항이 있을까?
리액트 개발자라면 애용하고 계실 도구인 create-react-app 의 v2 버전이 릴리즈되었습니다! 기존에 만든 자료들을 업데이트해야 한다는 점 (특히 책... 따흑... )은 조금 귀찮긴 하지만, 좋아하는 도구가 더 멋져졌으니까, 정말 듣기좋은 소식인데요! 이