인프런 React 강의 듣고 사이트 만들기 _ Front 작업 04. next@9 리다이렉션 시키기
react에서 리다이렉션 시키려면 모듈을 설치하여 작업해주어야합니다. 하지만 next에서는 따로 설치 없이 간단히 사용할 수 있습니다. 로그인하지 않았다면 로그인 화면으로 보내는 작업을 하겠습니다. next/router 를 통해 작업하기 위해 import를 해줍니다. import Router from 'next/router'; 컴포넌트가 생성될 때 실행되어야하기 때문에 useEffect를 통해 작업합니다. import React, { useEffect } from 'react'; 코드는 아래와 같습니다. useEffect(() => { if(!nickname){ Router.replace('/login'); } }, [nickname]); if문을 통해 해당 state 값이 없으면 Router.repla..
React
2021. 1. 23. 16:18
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 리액트
- 통신
- 제이쿼리
- vue.js
- TypeScript
- React
- 메서드
- jQuery
- 자바스크립트
- JavaScript
- 차이
- 뷰
- 제로초
- 코딩애플
- 타입스크립트
- Study
- 기초
- JS
- html
- frontend
- 프로젝트
- VUE
- 브라우저
- Article
- 강의
- 아티클
- Method
- css
- 공부
- 프론트엔드
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
글 보관함