HashRouter [TIL] 2020/10/10 props check module : 노마드 코더의 클론 코딩(영화 웹 서비스) 해보기 clear : react에서 라우팅을 하도록 도와주는 패키지 : react-router-dom => 구조 분해 할당을 더욱 효율적으로 이용해보았다. react를 쓸 때는 웬만하면 구조 분해 할당으로 변수를 할당받자 오늘 배운 그리고 복습한 css : 클론 코딩을 가지고, 1) 검색기능 구현해보기 2) 각 ... 클론코딩Link toHashRouterRouteaxios vs fetchCSS@media only screenpush redirect반응형TILreact router domprop-type@media only screen react-router-dom 루트를 사용하여 페이지 이동 전참 실현 BrowserRouter 및 HashRouter 라우팅 모드 서버가 대응하는 경로가 대응하는 파일을 가리키도록 설정하지 않았기 때문에 자연히 404의 상황이 발생합니다.(초기화 페이지, 즉 라우팅이/일 경우 요청이 전송되지 않음) HashRouter 개발 단계에서 웹 페이지 dev Server에서 설정historyApiFallback: true하거나 BrowserRouter를 사용하려면 서버... 프런트엔드 프레임reactreact-routerBrowserRouterHashRouter 리액트-페이지 나누기(라우팅) 여러 페이지를 만들고 싶다면 라우터 를 이용한다. 공식 라이브러리인 react-router-dom 을 사용한다. 설치법 터미널에 npm install react-router-dom@5 혹은 yarn add react-router-dom@5 설치하기 index.js 파일에 가서 기존 코드들 사이에 입력해준다. <BrowserRouter> 말고 <HashRouter> 태그도 이용할 수 있다. B... exact라이브러리라우팅BrowserRouterHashRouter리액트BrowserRouter
[TIL] 2020/10/10 props check module : 노마드 코더의 클론 코딩(영화 웹 서비스) 해보기 clear : react에서 라우팅을 하도록 도와주는 패키지 : react-router-dom => 구조 분해 할당을 더욱 효율적으로 이용해보았다. react를 쓸 때는 웬만하면 구조 분해 할당으로 변수를 할당받자 오늘 배운 그리고 복습한 css : 클론 코딩을 가지고, 1) 검색기능 구현해보기 2) 각 ... 클론코딩Link toHashRouterRouteaxios vs fetchCSS@media only screenpush redirect반응형TILreact router domprop-type@media only screen react-router-dom 루트를 사용하여 페이지 이동 전참 실현 BrowserRouter 및 HashRouter 라우팅 모드 서버가 대응하는 경로가 대응하는 파일을 가리키도록 설정하지 않았기 때문에 자연히 404의 상황이 발생합니다.(초기화 페이지, 즉 라우팅이/일 경우 요청이 전송되지 않음) HashRouter 개발 단계에서 웹 페이지 dev Server에서 설정historyApiFallback: true하거나 BrowserRouter를 사용하려면 서버... 프런트엔드 프레임reactreact-routerBrowserRouterHashRouter 리액트-페이지 나누기(라우팅) 여러 페이지를 만들고 싶다면 라우터 를 이용한다. 공식 라이브러리인 react-router-dom 을 사용한다. 설치법 터미널에 npm install react-router-dom@5 혹은 yarn add react-router-dom@5 설치하기 index.js 파일에 가서 기존 코드들 사이에 입력해준다. <BrowserRouter> 말고 <HashRouter> 태그도 이용할 수 있다. B... exact라이브러리라우팅BrowserRouterHashRouter리액트BrowserRouter