# CRA

jongsunpark88

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

zwon111

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

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 타입스크립트 적용

carminchameleon

CRA 안에는 어떤 것들이 있는가? ( 파일 구성)node-modules : 설치된 소스 코드들을 모아 놓은 것Public - index.html // <id="root">src - Index.js ReactDom.render( 내보낼 것, 위치)\-package

huhu

Setup ESLint, Prettier

huhu

craco를 사용해 절대경로로 import하기

ceres

(20/3/9) 다시쓰는 react 초기설정참고: \[TIL (https://velog.io/@ceres/TLI-28.-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B81-%EC%B4%88%EA%B8%B0%EC%84%A4%EC%A0%95), 두

ghrfde

CRA(Creat React App)+SpringBoot로 간단하게 쇼핑몰 프로젝트 진행을 하고 있습니다. 로컬에서 npm run start로 개발 및 테스트를 진행하고 있던 중, npm run build를 통해 생성된 build파일로 실행을 해보고 싶었습니다.

leeeeunz

1. ESLint > ESLint란? 자바스크립트 문법이나 code convention을 검사하는 도구(linting utility)이다. 자바스크립트는 정적 컴파일을 하지 않는 인터프리터 언어이기 때문에 사소한 타이핑 실수를 알아채지 못한 채 잘못된 프로그램을 배