# CRA

211개의 포스트
post-thumbnail

#5 [2021 UPDATE] CREATE REACT APP

https://ko.legacy.reactjs.org/docs/create-a-new-react-app.htmlCRA관련 리액트 공식문서를 찾아봤는데상단에 링크 페이지는 update 된지 오래됐다고https://react.dev/learn/start-

2023년 11월 22일
·
0개의 댓글
·

[환경구성] vscode + Typescript + React + Craco

vscode에서 Typscript + React 환경에서 경로 Alias 구성하기. 컴포넌트 호출 시 상대경로 자동 입력되는 경우

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

Vite, 왜 쓰는거지?

번들러가 뭔데?

2023년 11월 12일
·
1개의 댓글
·
post-thumbnail

CRA (Create React App)

CRA

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

일기프로젝트에서 내가 해결한 문제들! (feat. 마크업을 잘하자!)

일기 등록 폼에서 기분선택 버튼을 누를 시 정상적으로 작동하지만, 일기 수정 폼에서 기분 선택 버튼을 누를 시 일기 등록 폼의 기분 선택 폼이 작동하는 문제가 일어났습니다. ezgif-1-93e40ed061문제 코드문제를 해결하지 못하고 다른 것을 코딩하다가 html

2023년 10월 26일
·
0개의 댓글
·
post-thumbnail

env에 접근이 안되는 문제

환경 변수의 접두사가 원인!

2023년 10월 14일
·
0개의 댓글
·
post-thumbnail

CRA(Create React App)

Create React App : Set up a modern web app by running one command.출처 : 공식문서한 줄의 명령어 입력으로 React 프로젝트 구성에 필요한 필수요소를 자동으로 구성하는 방법입니다. 보일러플레이트 a.보일러플레이트 코

2023년 10월 8일
·
0개의 댓글
·
post-thumbnail

[CRA] index.html에서 index.js가 동작하는 방식

궁금증이 생긴 계기 CRA를 평소에 아무 생각 없이 만들어서 쓰는 도중 노마드코더의 '초보자를 위한 리덕스 101'강의를 수강하면서 CRA로 Vanilla JavaScript 코딩을 하면서 index.html에서 script태그가 없음에도 불구하고 npm start를

2023년 9월 26일
·
0개의 댓글
·
post-thumbnail

[React] CRA 프로젝트 Vite로 마이그레이션하기

[React] CRA 프로젝트를 Vite로 마이그레이션 해보았습니다.

2023년 9월 16일
·
0개의 댓글
·
post-thumbnail

CRA없이 React 프로젝트 구축하기

그 동안 React(리액트) 프로젝트를 진행하면서 CRA(Create-React-App)를 이용해서 개발 환경을 구축해왔다. 최근에 개인적으로 공부하면서 CRA없이 프로젝트를 구축해봤는데, 좀 더 정리하면서 공부해야겠다는 생각이 들었다. 오늘은 Typescript기반의

2023년 9월 5일
·
0개의 댓글
·

CRA를 통한 아주기본적인 세팅

리액트 프로젝트를 시작하는 데 필요한 개발 환경을 세팅해주는 도구(toolchain)인 CRA(Create-React-App)를 만들었습니다. CRA를 이용하면 하나의 명령어로 리액트 개발환경을 구축할 수 있기 때문에 처음 리액트를 접하거나 SPA(Single Page

2023년 9월 2일
·
0개의 댓글
·
post-thumbnail

CRA를 Vite로 마이그레이션 하기

번들러의 역사, Vite가 다른 번들러보다 어떻게 빠른지, React에서 Vite를 사용하는 것에 대한 장단점, CRA를 마이그레이션 하는 방법을 쓴 글입니다 :)

2023년 8월 31일
·
0개의 댓글
·
post-thumbnail

CRA없이 React + TypeScript 프로젝트 Setting (with Webpack)

들어가기전 React와 Typescript를 사용하여 프로젝트를 하기전, 제로초님의 sleact 강의를 듣고 내가 생각보다 기초가 많이 부족하다는 것을 알게 되었다. 그래서 CRA를 사용하지 않고 프로젝트를 생성하는 방법과 그 과정 속에서 내가 알게 된 것들을 정리하고

2023년 8월 31일
·
0개의 댓글
·

CRA + TypeScript 설치하기

타입스크립트로 시작하기 yarn 일 때 npm 일 때

2023년 8월 25일
·
0개의 댓글
·
post-thumbnail

CRA를 Vite로 마이그레이션

CRA(Create React App)으로 만든 리액트 프로젝트를 Vite로 마이그레이션 해보았습니다 👾

2023년 8월 23일
·
0개의 댓글
·

CRA를 Vite로 마이그레이션 하기

아주 빠르다고 소문난 번들러를 적용해보고자 한다.비약적인 빌드 시간 향상CRA 빌드 시간 (약 4997ms 소요)Vite 빌드 시간 (약 1320ms 소요)Vite 사용시 빌드 시간이 약 70%나 감소했다.vite-plugin-svgr : SVG 그래픽을 리액트 컴포넌

2023년 8월 22일
·
0개의 댓글
·
post-thumbnail

[오삽완] 타입스크립트 절대 경로 설정하기 (CRA+craco)

tsx 파일 안에서는 에러 없이 잘 참조하지만, 로컬 서버를 띄우면 모듈을 찾을 수 없다는 에러가 발생했다.

2023년 8월 21일
·
0개의 댓글
·
post-thumbnail

나만의 CLI 기반 CRA 제작기 2 - 에러 대응

1편 글의 코드를 보면, CommonJS Module 시스템으로 구성되어 있습니다. 근데 사실 처음 프로젝트 구현을 시작할 때 ES Moudle 시스템으로 구현했습니다. 하지만, 에러를 하나 만나면서 시스템을 바꾸게 됐는데..

2023년 8월 20일
·
0개의 댓글
·
post-thumbnail

나만의 CLI 기반 CRA 제작기 1 - 구현 및 배포

지금까지 React 프로젝트를 시작할 때는 항상CRA(create-react-app)을 사용하여 시작했습니다. CRA를 설치한 후, 각 프로젝트마다 필요하거나 요구되는 조건에 맞게 각종 의존성을 추가하고 개발을 시작했어요.

2023년 8월 20일
·
0개의 댓글
·