나보단 잘하자

하드코딩(반복 작업으로 불필요한 것 들을 다 코딩하는 방법)을 막는 방법 중 하나이다. 고객의 데이터가 몇십만개라고 치면, 그 몇십만개의 데이터에 해당하는 주소를 일일히 라우팅 하지 않는 방법이다. 마치 api에서 불러오는 자료들을 반복문이나 map함수를 이용해 반복하는 방식과 비슷하다. 예시코드 import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import { BrowserRouter, Route, Switch, Link, NavLink } from "react-router-dom"; function Topics() { return ( Topics HTML CSS JAVASCRIPT HTML is ... ..

Single Page Application에 왜 url을 쓰나요? Url을 넣는다는 것 자체가 싱글페이지가 아니지 않나요? : Url을 사용하면 하나의 페이지 안에서도 필요한 항목을 사용자가 북마크 처리 하거나, 사용중에 뒤로가기를 눌렀을 때 그 전 url로 이동할 수 있게 해 줍니다. 그렇지 않고 하나의 url을 이용한다면 기록도, 뒤로가기도 할 수 없는 불편한 상황이 오겠죠? 리액트 라우터 설치 리액트 라우터 공식 웹사이트 우선 기본 리액트 앱을 만들었다고 가정하겠다(CRA 이용). 해당 폴더에 아래와 같이 입력해 라우터를 설치하자. npm install react-router-dom 리액트 라우터 기초 BrowserRouter 우선 BrowserRouter를 import 시킨다. 그 옆에 필요한 도..