# CRA

32개의 포스트
post-thumbnail

CRA (with npx)/ Webpack / Babel

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

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

[TIL] React 입문 (with . C.R.A / components / JSX)

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

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

[TIL] React - CRA를 이용한 프로젝트 초기세팅

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

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

CRA와 EXPRESS의 연결, PROXY

어우 복잡해.

2020년 7월 25일
·
0개의 댓글
post-thumbnail

CRA vs Next.js vs Gatsby.js

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

2020년 7월 11일
·
0개의 댓글
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개의 댓글
post-thumbnail

리액트 초기 셋팅

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

2020년 6월 20일
·
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개의 댓글