# CRA

93개의 포스트
post-thumbnail

TIL#26 React ) intro

Framework: 다른 사람이 만든 틀 안으로 내가 들어가서 작업하는 것Library: 내 작업에 다른사람이 만들어 둔 코드를 가져와서 사용하는 것Angular2010년 Google에서 개발한 FrameworkTypeScript 기반으로 매우 안정적이고 탄탄한 Fro

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

TIL : CRA와 Next,js의 장단점, npm, npx, yarn 차이점.package.json을 사용할 때 알아둬야 할 것들

> firebase와 next.js를 이용하여 가벼운 게시판을 만들어 보던 중, 그 과정에서 강의에서 알려주지 않았던 next.js와 개발환경설정에 대한 정보를 좀 더 알게 되어 CRA와 Next.js의 장단점과 package.json을 사용할 때 알아둬야 할 것들을

2021년 11월 19일
·
0개의 댓글
post-thumbnail

React - 시작하기

React👨‍💻 프론트엔드 기술에서 빠질 수 없는 기술 React 를 익히는 첫 날이다! React는 Javascript 사용자 인터페이스 (UI) 라이브러리 라고 보면 된다. 프레임워크와 착각 할 수 있지만 엄연히 다르다.

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

[React] CRA (Create-React-App)

✅ 리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 도구(toolchain)리액트는 UI 기능만 제공한다. 따라서 개발자가 직접 구축해야하는 것들이 많은데 처음 시작하는 단계에서는 직접 개발환경을 구축하기 어려울 수 있다.이러한 문제를 해결하기 위해 CRA

2021년 11월 15일
·
0개의 댓글
post-thumbnail

[React/Multi-Entry] 엔트리 포인트를 나눠보자

SPA로 만들어진 프로젝트에서 멀티 엔트리를 어떻게 나눠야 할까?

2021년 11월 12일
·
0개의 댓글
post-thumbnail

리액트 프로젝트 웹팩 설정

리액트 프로젝트를 하면서 설정 했던 웹팩 설정들을 알아보자.

2021년 11월 9일
·
0개의 댓글
post-thumbnail

빌드환경 개선하기 Webpack + ESbuild

오랜만의 포스팅입니다 :) 이번에는 저희 프로젝트에서 빌드성능 개선한 후기를 포스팅 하려 합니다. 항상 말씀드리지만 가이드 같은것들은 워낙 좋은 글 들이 많아서 그걸 보시면 될것 같고 저는 실무를 하면서 겪을 수 있는 어려운 이슈에 대한 경험 및 고도화 위주로 포스

2021년 11월 2일
·
0개의 댓글
post-thumbnail

CRA 없는 React & TypeScript 설정 - 최적화 및 webpack 추가 설정

CRA 없는 React & TypeScript 설정에 이어서 진행되는 글입니다.이 글은 webpack을 사용해서 React & TypeScript 개발 환경을 처음부터 설정하는 과정을 다루며 개인적인 용도로 추후에도 쉽게 설정하기 위한 목적으로 작성되었습니다.이전 글에

2021년 10월 17일
·
0개의 댓글
post-thumbnail

CRA 없는 React & TypeScript 설정

React 앱을 CRA로 생성하는 것은 매우 간단합니다 대부분의 상황에서 적용할 수 있도록 범용적으로 작성되었기 때문에 간단한 프로젝트에서는 적합하지만 프로젝트의 규모가 커지고 webpack 설정을 건드려야 할 때는 그 방법이 복잡합니다. 그렇기 때문에 처음부터 web

2021년 10월 14일
·
1개의 댓글
post-thumbnail

React란?

리액트는 페이스북에서 개발하고 관리하는 UI 라이브러리입니다. 앵귤러가 웹 애플리케이션에 필요한 다수의 기능을 제공하는 것과는 달리 리액트는 UI 기능만 제공합니다.따라서 전역 상태 관리나 라우팅 또는 빌드 시스템 등을 각 개발자가 직접 구축해야합니다. 전반적인 시스템

2021년 10월 4일
·
0개의 댓글
post-thumbnail

REACT - 구조

웹이 점점 복잡해져서 UI를 만들기 위한 Javascript 라이브러리리액트는 가상돔(virtual dom)을 통해 ui 를 빠르게 업데이트이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소집합을 계산하는 기술—> 불필요한 업데이트를 줄일 수 있음.실제돔을 간략하게

2021년 9월 14일
·
0개의 댓글
post-thumbnail

No 6. CRA로 react 환경 구성하기

No 6. CRA로 react 환경 구성하기

2021년 9월 13일
·
0개의 댓글

CRA + emotion.js 환경에서 jsx pragma 선언 없이 css 사용하기

CRA + emotion.js 환경에서 jsx pragma 없이 사용하기

2021년 9월 13일
·
0개의 댓글

SEO in a CRA project using lambda edge and prerender.io

https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/controlling-origin-requests.htmlyou have to add this to get headers added in t

2021년 8월 13일
·
0개의 댓글

기존 진행된 CRA+Typescript 환경에서 Storybook 6 세팅하기

CRA+Typescript환경에서 Storybook 6 version setting할 때 생겼던 좌우충돌 일기.

2021년 7월 27일
·
0개의 댓글

CRA 셋팅(2)

js cra 프로젝트를 새로 생성하는데 .eslintrc, .jsconfig.js, .prettierrc.json 설정에 애를 먹었다. 프로젝트 셋팅은 언제나 새로워. 할때마다 오래걸려..jsconfig.js 파일 생성 후 아래와 같이 붙여넣는다.아래와 같이 설치해준다

2021년 7월 14일
·
0개의 댓글

create-react-app에서 SVG를 ReactComponent로 사용하기

create-react-app(이하 CRA) + electron 환경에서 작업 중에 svg icon 파일을 사용해야 하는 경우가 생겼다. (state에 따라 색상 등을 다르게 주는 등의 작업을 위해..)사실 이전에도 버튼 안에 svg icon을 넣는 것을 시도해보았으나

2021년 7월 12일
·
0개의 댓글