# CRA

neity16

                                            (그림 출처 : https://www.techdiagonal.com/)Facebook에서 만든 react 웹 개발용 Boilerplate ModuleWebpack, Babel 등의

lets_gojae

모든 사이트에 들어가면 보여지는 것이 UI(User Interface),사용자 편의성을 고려하는 UX(User Experience)가 포함되어 있습니다.애플리케이션의 규모가 커지고 다양한 UI / UX를 구현하기 위해서는 DOM / jQuery로는 코드를 유지보수 하는

younuk23

Create React App리액트는 라이브러리기(남이 짜놓은 소스코드) 이기에 사용하기 위해서는 그 라이브러리들을 불러오고 프로젝트 폴더에 포함해서 거기서 import해서 사용하는 과정이 필요함React의 동작을 위해서는 많은 패키지들이 필요함Babel, React

nninnnin7

어우 복잡해.

syj9484

우리가 리액트로 새로운 프로젝트를 시작하려면 여러가지 방법을 이용할 수 있다. 대표적으로 3가지가 있다. Create-React-App Next.js Gatsby.js 각각에 대해서 간단하게 알아보자. Create-React-App Create-React-App(CRA)는 가장 쉽고 빠르게 리액트 프로젝트를 시작할 수 있는 방법이다. 설치만 하면 자...

jongsunpark88

CRA도 기본 javascript환경외에 typescript 환경도 가능함.처음 빌드 파일들을 설치하는 명령어로 초기 빌드 구성.\* 만약 기존 javascript로 빌드된 CRA에서 typescript를 사용하고자 한다면 업그레이드 하는 다른 명령어가 있음. 필요시

zwon111

React Code의 경우 최신 자바스크립트 코드로 작성하는 것이 일반적이다. (여기서 최신 자바스크립트란 ES6 기반의 코드를 의미하는데 이러한 ES6 기반의 자바 스크립트를 모든 브라우저에서 지원을 해주고 있지 않다.)따라서 정식으로는 '웹팩'을 설치하고 설정을 따

rhftnqls

인스타그램 클론코딩하면서 리액트 초기 셋팅을 난생처음 해봤는데앞으로 다가올 프로젝트에 미리 셋팅해놓으려고 시도하다가 까먹은 부분이 좀 있어서 벨로그에 기록하겠다. 일단 Node.js 홈페이지에 접속해서 다운로드받는다. 정상적으로 설치가 되었다면 아래 명령어로 확인가

addiescode

typescript 활용 및 설치

addiescode

그동안 cra만 써봤나요? 직접 세팅해봐요!

addiescode

Babel 활용 및 설치

addiescode

cra 없이 Webpack, Babel, Typescript, React로 개발환경을 세팅해봅시다

huhu

import { ReactComponent as Logo }

cmong

개요 군 전역후 작은 프로젝트로 블로그를 만들게 되었습니다. 패스트캠퍼스 올인원패키지: 프론트엔드(React) 와 올인원패키지 Node 웹 프로그래밍 독학 후 실제 코드 작성 기간은 2주 소요된 것 같습니다. > 방학중 혹은 휴학중에 간단하게 공부를 하고 싶다는 분들

hwang-eunji

타입스크립트와 리액트 프로젝트를 시작한다면 아래와 같이 설치하자npx create-react-app <프로젝트명> --template typescriptnpm i typescript @types/node @types/react @types/react-dom @ty

nowhhk

프레임워크 : 개발에 필수적인 기능들을 위해 어느정도 뼈대(구조)를 제공해주는 틀. 그에 맞게 코드 작성한다 ex) 뷰,앵글러라이브러리 : 특정 기능에 대한 도구 or 함수들을 모은 집합. 틀 밖의 기능을 가져와서 사용한다 ex) 리액트 리액트 : 자바스크립트

chrow16

처음 리액트 프로젝트를 시작할 때 CRA로 많이 시작하는데, 개발자마다 다른 디렉토리 구조를 갖습니다.이번에 리액트 공부하면서 이번에 알게 된 리액트 디렉토리 구조를 소개해보려고 합니다

seunghyun_kim

React CRA node.js - node -v 로 확인 npm(node package manager) - npm -v 로 확인 CRA > 초기설정 명령어 => npc create-react-app 프로젝트명(폴더) node.modules => package

kwonh

안녕하세요!오늘부터 React관련 포스팅을 해보겠습니다!자바스크립트 ES6을 다시 공부하면서 React를 너무 포스팅하고싶었습니다.ES6를 공부할 때의 충만했던 기분을 React에서도 똑같이 느낄 수 있지 않을까 하는 기대감이 있어서인데, 한편으로는 공부를 하고나서 프

pks787

CRA 타입스크립트 적용