React

React | Routes Component & Sass

2022.01.11

SPA (Single Page Application) Westagram-fontend: longin.html, main.html 등 - 페이지 수 만큼 html 파일이 존재한다. 리액트 프로젝트에서 .html 파일의 개수는? 1개 ==> SPA 한 개의 웹페이지(html) 안에서 여러개의 페이지를 보여주는 방법? => Routing Routing 어떤 특정한 경로가 들어왔을 때 그 경로에 맞는 화면을 보여주는 것. 다시 말해 각각의 경로(url 주소)에 따라 다른 View(화면)을 보여주는 것이다. 리액트 자치에는 이러한 기능이 내장되어 있지 않다. ==> React Router : 리액트에서 라우팅 기능을 구현하기 위한 third-party 라이브러리 `npm install react-router-do..

React

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

2022.01.05

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..

React | Routes Component & Sass

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

티스토리툴바