# CRA

26개의 포스트
post-thumbnail

REACT CRA Typescript (OS WINDOW10) 초기세팅하기

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

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

CRA를 통해 React 개발 환경 구축하기

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

2020년 6월 21일
·
0개의 댓글

cra없이 개발환경 세팅하기 - 4. Typescript

typescript 활용 및 설치

2020년 5월 26일
·
0개의 댓글

cra없이 개발환경 세팅하기 - 3. React

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

2020년 5월 26일
·
0개의 댓글

cra없이 개발환경 세팅하기 - 2. Babel

Babel 활용 및 설치

2020년 5월 26일
·
0개의 댓글

cra없이 개발환경 세팅하기 - 1. Webpack

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

2020년 5월 26일
·
0개의 댓글

Adding Images, Fonts, and Files in CRA

import { ReactComponent as Logo }

2020년 5월 23일
·
0개의 댓글
post-thumbnail

React와 Express로 블로그 만들기(0)

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

2020년 5월 18일
·
0개의 댓글

Typescript #2 REACT에서 사용하기

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

2020년 5월 14일
·
0개의 댓글

CRA (create-react-app) 로 리액트 어플리케이션 만들기

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

2020년 5월 12일
·
0개의 댓글
post-thumbnail

리액트 디렉토리 구조

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

2020년 5월 7일
·
0개의 댓글

React

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

2020년 4월 19일
·
0개의 댓글
post-thumbnail

[React] CRA (create-react-app) 시작하기

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

2020년 4월 11일
·
0개의 댓글

CRA에서 typescript 적용하기

CRA 타입스크립트 적용

2020년 4월 8일
·
0개의 댓글

리액트 CRA, 라우터

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

2020년 3월 29일
·
0개의 댓글

CRA TypeScript - ESLint, Prettier Settings

Setup ESLint, Prettier

2020년 3월 26일
·
0개의 댓글

CRA 절대경로로 import하기

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

2020년 3월 26일
·
0개의 댓글

[Project02] #42. Neck-Tidal CRA

(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), 두

2020년 3월 9일
·
0개의 댓글
post-thumbnail

react router 404 error 해결

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

2020년 3월 1일
·
0개의 댓글

[TIL] 28. React - ESLint & Prettier

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

2020년 2월 27일
·
0개의 댓글