# CRA

45개의 포스트
post-thumbnail

[MarketBully] - 초기 셋팅

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

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

[동빈나] React로 고객 관리 시스템 만들기 - 00

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

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

TIL 11 | React -(2-2)CRA Setting

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

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

2020/12/05 가계부 만들기! - CRA

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

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

TIL 11 | React -(2-1)CRA Setting

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

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

TIL12, React: 기본 개념 / CRA*

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

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

[TypeScript] CRA 생성 및 Function과 Allow Function

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

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

1. React - Intro (TIL)

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

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

Vue vs. React - 설치

React은 CRA,Vue는 CLI

2020년 11월 29일
·
0개의 댓글
post-thumbnail

[React 정복기] create-react-app 더 깊이... (실전 리액트 프로그래밍) - 2

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

2020년 11월 16일
·
0개의 댓글
post-thumbnail

React | CRA(Create-React-App)

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

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

[ React : create-react-app ]

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

2020년 10월 11일
·
0개의 댓글
post-thumbnail

TIL 2020.05.09

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

1. 기본 설정 및 mock data 활용🕺

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

2020년 10월 1일
·
0개의 댓글
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개의 댓글