# CRA

mm0467

npx create-react-app MarketBullynpm install react-router-dom --savenpm install node-sass --save각자 맡게될 레이아웃을 컴포넌트화 시킨다.Login Signup Home Nav 등등해당 컴포넌트

gparkkii

app.js : 실질적인 웹사이트 화면 내용 출력을 담당React Library : HTML 웹 문서를 효과적으로 보여주기 위한 라이브러리Component : 웹문서에서 어떠한 내용을 보여주기 위한 기본적인 단위 (실제 웹에 보여지게 될 최소 단위)리액트 라우팅 : h

mincode_

전편에 이어 CRA 초기 파일들에 대해 보려고 한다. index.html - index.js - App.js src/ index.html React 의 시작.( Entry Point ) ReactDOM.render( ,document.getElementById('roo

2h5i

3일 전 간단한 가계부 프로젝트를 만들기로 했다.간단한거라 cra로 생성하려했는데 알 수 없는 에러들을 해결하느라 1시간 가량 걸려버렸다. 🤦‍♀️ 1로 생성했으나 빈 react app만 생성 되었다.yarn 또한 마찬가지..며칠 전에 회사에서 cra 할땐 분명 잘

mincode_

1. CRA 설치 > 1. 배경화면에 폴더를 하나 만든다. ( 필자는 React 라는 이름의 폴더를 만들었다.) 터미널을 연다. Desktop - React 라는 폴더로 진입한다 cd Desktop/React 폴더안에서 react를 실행할 파일을 만든다.( 필자는

tonyk0901

리액트 배우면서 멘붕이 왔다. 멘붕이 어서오고. 너무 많은 내용을 한꺼번에 흡수하려다 보니 체한듯 싶다. 천천히 다시 곱씹으면서 소화시키고 간다.

sji7532

TypeScript CRA에서는 TypeScript를 지원하기 때문에 CRA TypeScript를 생성할 수 있다. > npx create-react-app [project_name] --template typescript CRA 세팅 위의 명령어로 CRA를 생성

xpmxf4

어떠한 흐름으로 오늘날 React가 많이 사용되고 있는지 설명할 수 있다.React가 무엇인지 정의할 수 있다.CRA를 설치하고 폴더와 파일이 어떻게 구성되어 있는지 설명할 수 있다.Component의 개념과 종류에 대해 설명할 수 있다.JSX 를 정의하고 기본 특성에

dhlee91

React은 CRA,Vue는 CLI

cyheum

실전 리액트 프로그래밍 개정판 - 이재승 지음 (참고자료) create-react-app 을 알아보자

xedni

CRA린 리액트 프로젝트를 시작하는데 필요한 개발 환경을 세팅 해주는 도구로 기본적인 노드 모듈과 형태를 설치해준다.

ichbinmin2

Desktop - wecode 폴더 진입 cd Desktop/wecode westagram-react 프로젝트 설치 npx create-react-app westagram-react westagram-react 프로젝트 진입 cd westagram-react 로컬 서버

bard

현재 프로젝트에서 사용하는 데이터는 mock data 로 json-server 를 활용하여 구축스토어 ducks 패턴 활용참고 https://redux.js.org/introduction/getting-started - redux 공홈 https:

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를 사용하고자 한다면 업그레이드 하는 다른 명령어가 있음. 필요시