# CRA
[튜토리얼] React 앱 설치(CRA: Create React App)
새로운 React 앱 만들기 : https://ko.reactjs.org/docs/create-a-new-react-app.html
cra 없이 리액트 개발환경 직접 구축해보기(3) (Webpack)
모듈 번들링 -> html 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식웹팩은 다수의 자바스크립트 파일을 하나의 자바스크립트 파일로 만들어 주는 것이다.웹 페이지 방식이 단일 페이지 어플리케이션으로 전환되면서 한 페이지에 자바스크립트
cra 없이 리액트 개발환경 직접 구축해보기(2) (JSX, Babel)
앞에서 jsx 없이 코드를 짜봤는데 너무 귀찮다는 것을 느꼈다이번엔 babel을 직접 사용해서 jsx문법을 이용해 보겠다.simple3.htmlsrc 폴더 만들고 그 위에 simple3.js 생성src/simple3.js📌 LikeButton은 createElemen
cra 없이 리액트 개발환경 직접 구축해보기(1)
이재승님의 실전 리액트 프로그래밍이란 책을 보고있는데 프로젝트때 마다 cra를 사용해서 프로그램을 구축했었는데 cra 없이 직접 구축하는 내용이 있어서 정리 해보려한다.우선 폴더 하나를 만들고 그 안에 아래의 네개 파일을 저장한다https://unpkg.com
CRA로 프로젝트 초기 설정(TypeScript, eslint, prettier)
CRA로 간단하게 프로젝트 설정할 때 반복되는 작업을 정리해보았다. 1. CRA로 TypeScript 템플릿 프로젝트 생성 2. 절대 경로 설정 3. eslint, prettier 적용
[Todo] React 프로젝트에 Typescript 추가하기
npm install --save typescript @types/node @types/react @types/react-dom @types/jest타입스크립트 설치.이렇게 하고 js파일을 tsx로 바꾸니 Route에서 에러가 났다.전에 오무 프로젝트 리팩토링 시도했을
React 복습하기 CRA(Create-React-App)
CRA 공식 홈페이지에선 이렇게 설명하고있다. https://create-react-app.dev/docs/getting-started싱글 페이지 리액트 앱을 만들기 위해 공식적으로 지원되는 방법. 이것은 현대적인 빌드 셋업을 다른 환경설정없이 제공한다.공홈에
[Typescript] CRA와 Styled-Components 초기 설정
typescript 환경에서 styled-components 초기 설정
[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
[React] 초기 셋팅, 패키지 설치, json-server 설치(yarn)
src 폴더 : App.js, index.js 빼고 삭제index.js : strictMode 삭제package.json : dependencies @test, webkit 삭제node_modules : 통째로 삭제 후 package.json 정리 후 재 다운ex)co
[Today I Learned] 12월 1주차 day2
react는 라이버리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있다.웹/앱의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼 수 있다.component 기반구조virtua
reportWebVitals.js 파일
npx craete-react-app 으로 프로젝트를 생성하면 reportWebVitals.js 파일이 생성된다.전에는 프로젝트 하느라 뭔지도 모르고 필요 없는 것 같아서 늘 지우고 시작했는데 프론트엔드를 깊이 공부하기 시작하면서 궁금증이 생겨 알아보았다.
CRA로 React 개발 시작하기 (TypeScript, eslint, prettier, alias)
TypeScript / React / SCSS 직접 웹팩 설정은 너무 큰 리소스다. CRA 로 시작하자.airbnb-eslint를 설정하자.prettier 설정도 맞추자.SCSS 를 사용하자.alias 를 통해 절대경로 설정도 해주자.npx create-react-ap
[React] Vsc(Visual Studio Code)에 React 환경 설정하기(CRA 프로젝트 생성)
우선 create-react-app을 쓰기에 앞서 node.js를 설치해줘야 함. Create-react-app은 리액트 설정에 필요한 다양한 도구를 내장하고 있어서 따로 환경설정이 필요없고 이 CRA하나로 React 프로젝트 환경을 구축할 수 있다. 우선 CRA
React, Tailwind CSS, Daisy UI로 다크모드 만들기
프로젝트 생성 프로젝트를 생성하고자 하는 디렉토리로 이동하여 다음과 같이 입력하여 Create React App으로 프로젝트를 시작한다. Tailwind css 설정 tailwind css 설정을 위해 다음과 같이 입력한다. 그 결과로 postcss.config.j