# CRA

169개의 포스트
post-thumbnail

[튜토리얼] React 앱 설치(CRA: Create React App)

새로운 React 앱 만들기 : https://ko.reactjs.org/docs/create-a-new-react-app.html

어제
·
0개의 댓글
·
post-thumbnail

cra 없이 리액트 개발환경 직접 구축해보기(3) (Webpack)

모듈 번들링 -> html 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식웹팩은 다수의 자바스크립트 파일을 하나의 자바스크립트 파일로 만들어 주는 것이다.웹 페이지 방식이 단일 페이지 어플리케이션으로 전환되면서 한 페이지에 자바스크립트

4일 전
·
0개의 댓글
·
post-thumbnail

cra 없이 리액트 개발환경 직접 구축해보기(2) (JSX, Babel)

앞에서 jsx 없이 코드를 짜봤는데 너무 귀찮다는 것을 느꼈다이번엔 babel을 직접 사용해서 jsx문법을 이용해 보겠다.simple3.htmlsrc 폴더 만들고 그 위에 simple3.js 생성src/simple3.js📌 LikeButton은 createElemen

4일 전
·
0개의 댓글
·
post-thumbnail

cra 없이 리액트 개발환경 직접 구축해보기(1)

이재승님의 실전 리액트 프로그래밍이란 책을 보고있는데 프로젝트때 마다 cra를 사용해서 프로그램을 구축했었는데 cra 없이 직접 구축하는 내용이 있어서 정리 해보려한다.우선 폴더 하나를 만들고 그 안에 아래의 네개 파일을 저장한다https://unpkg.com

4일 전
·
0개의 댓글
·
post-thumbnail

CRA로 프로젝트 초기 설정(TypeScript, eslint, prettier)

CRA로 간단하게 프로젝트 설정할 때 반복되는 작업을 정리해보았다. 1. CRA로 TypeScript 템플릿 프로젝트 생성 2. 절대 경로 설정 3. eslint, prettier 적용

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

React - CRA 생성하기

React CRA 생성하기

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

[프로젝트 셋업] CRA 로 리액트 앱 만들기

리액트 앱과 스프링부트 앱 연동하기

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

[Todo] React 프로젝트에 Typescript 추가하기

npm install --save typescript @types/node @types/react @types/react-dom @types/jest타입스크립트 설치.이렇게 하고 js파일을 tsx로 바꾸니 Route에서 에러가 났다.전에 오무 프로젝트 리팩토링 시도했을

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

React 복습하기 CRA(Create-React-App)

CRA 공식 홈페이지에선 이렇게 설명하고있다. https://create-react-app.dev/docs/getting-started싱글 페이지 리액트 앱을 만들기 위해 공식적으로 지원되는 방법. 이것은 현대적인 빌드 셋업을 다른 환경설정없이 제공한다.공홈에

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

[Typescript] CRA와 Styled-Components 초기 설정

typescript 환경에서 styled-components 초기 설정

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

[React] You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.1)

React-You-are-running-create-react-app-4.0.3-which-is-behind-the-latest-release-5.0.1

2022년 12월 21일
·
0개의 댓글
·

[React] 초기 셋팅, 패키지 설치, json-server 설치(yarn)

src 폴더 : App.js, index.js 빼고 삭제index.js : strictMode 삭제package.json : dependencies @test, webkit 삭제node_modules : 통째로 삭제 후 package.json 정리 후 재 다운ex)co

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

CRA name error

CRA name Error

2022년 12월 15일
·
0개의 댓글
·

[Today I Learned] 12월 1주차 day2

react는 라이버리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있다.웹/앱의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼 수 있다.component 기반구조virtua

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

reportWebVitals.js 파일

npx craete-react-app 으로 프로젝트를 생성하면 reportWebVitals.js 파일이 생성된다.전에는 프로젝트 하느라 뭔지도 모르고 필요 없는 것 같아서 늘 지우고 시작했는데 프론트엔드를 깊이 공부하기 시작하면서 궁금증이 생겨 알아보았다.

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

성격 급한 한국인을 위한 CRA + (TS)

급한 한국사람들을 위한 CRA/TS 기초

2022년 11월 17일
·
0개의 댓글
·

CRA로 React 개발 시작하기 (TypeScript, eslint, prettier, alias)

TypeScript / React / SCSS 직접 웹팩 설정은 너무 큰 리소스다. CRA 로 시작하자.airbnb-eslint를 설정하자.prettier 설정도 맞추자.SCSS 를 사용하자.alias 를 통해 절대경로 설정도 해주자.npx create-react-ap

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

[React] Vsc(Visual Studio Code)에 React 환경 설정하기(CRA 프로젝트 생성)

우선 create-react-app을 쓰기에 앞서 node.js를 설치해줘야 함. Create-react-app은 리액트 설정에 필요한 다양한 도구를 내장하고 있어서 따로 환경설정이 필요없고 이 CRA하나로 React 프로젝트 환경을 구축할 수 있다. 우선 CRA

2022년 11월 15일
·
0개의 댓글
·

React, Tailwind CSS, Daisy UI로 다크모드 만들기

프로젝트 생성 프로젝트를 생성하고자 하는 디렉토리로 이동하여 다음과 같이 입력하여 Create React App으로 프로젝트를 시작한다. Tailwind css 설정 tailwind css 설정을 위해 다음과 같이 입력한다. 그 결과로 postcss.config.j

2022년 11월 3일
·
0개의 댓글
·