Route [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 리액트를 다루는 기술 정리 (13) 다른 페이지로 이동할 때 마다 새로운 html, 페이지 로딩 시 서버에서 리소스 전달받아 해석한 뒤 화면 보여줌 사용자에게 보이는 화면은 서버 측에서 준비. 새로운 데이터가 필요하다면 서버 API를 호출하여 필요한 데이터만 새로 불러와 애플리케이션을 사용할 수 있다. 라우팅 해당 페이지에서 로딩된 자바스크립트와 현재 사용자 브라우저의 주소 상태에 따라 다양한 화면을 보여 줄 수 있다. 리액트... react router리액트를 다루는 기술RoutelinkReactReact [KDT]FCFE - 10주1일 Redux Review npm i react-redux 설치 npm i @reduxjs/toolkit 설치 name-slice.js createSlice() 생성 initialState 생성 const uiAcitons = uiSlice.actions; 생성 src/store/index.js const store = configureStore({ reducer: { ui: uiSlice.reducer } }); s... redux-middlewareRouteRoute
[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 리액트를 다루는 기술 정리 (13) 다른 페이지로 이동할 때 마다 새로운 html, 페이지 로딩 시 서버에서 리소스 전달받아 해석한 뒤 화면 보여줌 사용자에게 보이는 화면은 서버 측에서 준비. 새로운 데이터가 필요하다면 서버 API를 호출하여 필요한 데이터만 새로 불러와 애플리케이션을 사용할 수 있다. 라우팅 해당 페이지에서 로딩된 자바스크립트와 현재 사용자 브라우저의 주소 상태에 따라 다양한 화면을 보여 줄 수 있다. 리액트... react router리액트를 다루는 기술RoutelinkReactReact [KDT]FCFE - 10주1일 Redux Review npm i react-redux 설치 npm i @reduxjs/toolkit 설치 name-slice.js createSlice() 생성 initialState 생성 const uiAcitons = uiSlice.actions; 생성 src/store/index.js const store = configureStore({ reducer: { ui: uiSlice.reducer } }); s... redux-middlewareRouteRoute