# CRA

127개의 포스트
post-thumbnail

[React] create-react-app eject란?

리액트를 사용하는 가장 큰 이유 중 하나는 손쉽고 빠르게 리액트 프로젝트를 구축할 수 있기 때문이다.

약 6시간 전
·
0개의 댓글
post-thumbnail

CRA을 이용한 React 앱 설치

React 공식 홈페이지에서 Create React App(https://ko.reactjs.org/docs/create-a-new-react-app.html\~~Node.js, npm이 설치가 되어있지 않다면 Node.js에 가서 설치해야한다.\~~npm은

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

Webpack, 그리고 CRA

웹팩 이미지 🔦 웹팩 (Webpack) 웹팩이란, 자바스크립트의 모듈 번들러로써 여러개로 나눠진 파일을 하나의 JS 코드로 압축 및 최적화하는 오픈소스 라이브러리이다. 웹팩이 필요해진 이유는 웹의 규모가 커짐에 따라 파일들관의 관계가 복잡하고 무거워져 브라우저 로딩

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

[React] create-react-app, react-helmet

create-react-app은 초기 앱 설정 및 환경 구축을

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

[React] CRA

리액트 앱을 만든다.📍➡리액트는 UI를 구성하는 기능만 하는 라이브러리.실제 온전한 웹을 구축하기 위해서는 UI구성 외에도 여러 도구가 필요하다.그 여러 도구가 무엇인지 모르겠고! 그게 어떻게 동작하는지도 모르겠고!📍toolchain(내가 그 여러 도구야!)리액트

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

[JS] Webpack을 왜 커스텀 해야할까?

(충격❗️) 후론트 개발자 60% 가 create-react-app 쓰는것으로 밝혀져 ..

2022년 6월 3일
·
8개의 댓글

React

Web Application의 발전Frontend Framework(Library) - Angular / Vue / React사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리가상 돔(Virtual Dom) :  이전 UI 상태를 메모리에 유지해서,

2022년 6월 1일
·
0개의 댓글

CRA(TypeScript), ESLint, Prettier, Styled-Components, Material UI

CRA(TypeScript) > npx create-react-app@latest 'Project Name' --template typescript ESLint VSCode Extension ESLint 설치 npm ESLint, 패키지 설치 > npx instal

2022년 5월 24일
·
0개의 댓글
post-thumbnail

React에서 typescript 설정하자

타입스크립트 강의를 듣다가 react-beautiful-dnd를 설치해서 사용하려고 하는데 정말 황당한 에러가 발생을 했다.Could not find a declaration file for module 'react-beautiful-dnd'd.ts가 없다는 의미로 생

2022년 5월 23일
·
0개의 댓글

[Photorage] 1-1. React CRA가 최선이고 최고일까?

공부 배경 내가 ICT 인턴을 진행하는 기업의 서비스는 90%가 Vanila TypeScript로 이루어져있고, 요새 새로 추가하는 신규 기능 같은 경우는 React를 통해 개발을 진행하고 있다. 나는 입사 당시만해도 React를 전혀 몰랐기 때문에 아무런 감흥도 없었

2022년 5월 17일
·
0개의 댓글
post-thumbnail

create-react-app에서 Tailwind CSS 적용해보기

필자는 create-react-app 과 Tailwind를 사용하는 방식에 맞게 작성하였다.create-react-app을 사용하여 기본적인 개발환경을 직접 구축할 필요없이 편리하게 사용하겠다.css framework인 tailwind를 사용하기위해 필요한 패키지들을

2022년 5월 16일
·
0개의 댓글

Create React App(CRA)으로 만든 리액트 프로젝트 절대경로 import 설정 (vscode)

Create React App(CRA)로 프로젝트로 구성하면 다른 컴포넌트, css 등 파일등을 import 할 때 ../../../......으로 표현해야 하는데, 코드를 짜거나 나중에 프로젝트를 이해할 때 힘들다.CRA로 만든 프로젝트는 webpack 설정이 숨겨져

2022년 5월 15일
·
0개의 댓글
post-thumbnail

[ TIL ] 2022-05-09

Git pull 과 clone 의 차이 pull 은 로컬 저장소에 있는 내 코드와 원격 저장소의 코드를 merge 하는 것, clone 은 내 코드에 상관 없이 원격 저장소의 코드를 그대로 복사해오는 것 VSC svg viewr extension svg 파일을 확인할

2022년 5월 9일
·
0개의 댓글
post-thumbnail

React Intro

2010년 Google에서 개발한 Framework. TypeScript 기반으로 매우 안정적이고 탄탄한 Frontend App 개발이 가능하며 Framework답게 다양한 기능이 내장되어있다. 무겁고 배우기 어렵다는 단점이 있다.2014년 Evan You라는 개인이

2022년 5월 9일
·
0개의 댓글
post-thumbnail

2. CRA(JS) -> CRA(TS) 변환 실습

테스트 CRA JS : npx create-react-app test TS: npx create-react-app testts —template typescript [프로젝트 구조] [package.json] [tsconfi

2022년 4월 29일
·
0개의 댓글
post-thumbnail

1. 배경 및 변환 전략

내 지난 포스팅 React-Storybook 0. 프로젝트 생성 및 스토리북 등록 에서 나는 앞으로 내가 만들게 될 리액트 컴포넌트 들을 최대한 재사용성을 높여서 등록하고, 그것들을 모아두겠다고 말했었다. 그렇게 CRA를 이용하여 프로젝트를 만들어 봤었다. 그런데 여기

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

리액트 프로젝트 초기 설정: vite vs cra

이번 자율프로젝트를 리액트로 하면서 기존처럼 cra를 사용할지 vite를 사용할지 고민하게 되었다. vite와 cra에 대해서 간략하게 알아보자

2022년 4월 25일
·
0개의 댓글
post-thumbnail

별 건 아니지만 빌드 파일 배포 시 업데이트가 안되는 건에 대해

정적 파일 캐쉬로 인해 배포 업데이트가 적용이 안될 때

2022년 4월 25일
·
3개의 댓글
post-thumbnail

CRA + TS 절대경로 설정

CRA에서는 기본적인 webpack설정이 숨겨져있는데, 절대경로를 사용하기 위해서는 tsconfig.json과 더불어 webpack의 설정을 변경해주어야 한다.이를 위해서는 eject로 숨겨진 webpack 설정을 바꾸어주어야 한다.eject?해당 프로젝트에 숨겨져 있

2022년 4월 24일
·
0개의 댓글