CRA

React

React | Router 요약

Create React App (CRA) 과 가장 인기있는 routing solution인 react-router 를 조합하여 routing 로직을 구현할 것 1. React 개발환경 세팅 1️⃣ npm 설치 2️⃣ CRA 설치 3️⃣ 프로젝트 내에서 CRA 실행 4️⃣ npm start 2. Routes Component & Scss 1️⃣ react-router 설치 2️⃣ Routes 컴포넌트 구현 ( / this.props.history.push()) 3️⃣ scss 설치 1. react-router 설치 npm install react-router-dom --save 2. Routes 컴포넌트 구현하기 import React from 'react'; import { BrowserRouter as..

React

React | CRA + TypeScript + Airbnb style guide 초기세팅

1. 프로젝트 파일 생성 npx create-react-app --template typescript 2. ESLint 설치 npm install -D eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser 2-1) .eslintrc 파일 생성 { "parser": "@typescript-eslint/parser", "plugins": ["@typescript-eslint"], "extends": ["plugin:@typescript-eslint/recommended"] } 2-2) package.json 에 script 추가 //pagckage.json { ... "scripts": { "lint": "eslint './src/**/*.{t..

3jun
'CRA' 태그의 글 목록