# CRA

90개의 포스트
post-thumbnail

CRA를통해 propTypes 설치, CSS모듈화하기

콘솔창에 npm i prop-types 입력파일 상단에 import propTypes from "prop-types"원하는 prop에 propTypes 지정CSS파일을 통해 html을 꾸미려할 때, button 이라는 태그에 스타일을 주면 모든 button들에 적용될

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

About React

웹의 발전: 3세대 웹(프론트와 백의 분리)복잡성 증가 -> 기술발전웹과 사용자들이 상호작용하면서 사용자들이 원하는 기능은 점점 더 많아지고 프론트엔드 개발자들은 새로운 기술의 필요성을 느낀다.그렇게 만들어진 것이 프론트엔드 프레임워크(Angular, vue 등)DOM

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

[KDT]FCFE - 7주5일 React(project setting)

CRA, ESLint, Prettier, husky: git에 commit 하기 전에 점검!npm i -D huskynpx husky installpackage.jsonnpx husky add .husky/pre-commit "link-staged"npm i lint-

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

CRA에서 Swiper 사용하기

CRA에서 Swiper 라이브러리를 사용하는 방법을 포스팅했습니다.

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

React js 시작

겨울방학을 맞이하여 React 기초를 다지고자 React 강의에서 배운 내용을 이곳에 기록하고자 합니다.강의는 생활코딩님의 React 강의와https://www.inflearn.com/course/react-%EC%83%9D%ED%99%9C%EC%BD%94%E

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

TIL#26 React ) intro

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

2021년 11월 29일
·
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

리액트 프로젝트 웹팩 설정

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

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개의 댓글