cookie

웹/React.js

[React.js] 라우터를 이용한 접근 제한 구현 (Access Control & Authentication)

2021.04.22

사용자의 로그인 상태나 권한에 따라 접근할 수 있는 경로가 다르다. 물론 서버쪽에서 체크를 해주긴 하지만, 해당 URL로 넘어간다는 것 자체를 프론트측에서 막아주는 것이 바람직하다. 이를 그림으로 표현하면 다음과 같다. 1. 접근 제한 (Access Control) PrivateRoute는 로그인한 사용자에게 제공되는 루트이고, 만약 로그인하지 않은 사용자가 이 루트로 접근하고자 한다면 로그인 페이지로 Redirection한다. 반대로, PubilcRoute는 로그인 여부와 상관없이 사용자에게 제공되는 루트이다. 아래 그림과 같이 이미 로그인한 사용자가 해당 루트로 접근하는 것을 막고자 한다면 restricted 옵션을 줘서 제어할 수 있다. 2. 구현 1) 로직 App.jsx의 Router 컴포넌트 안..

웹/Node.js

[Node.js] Express 6: 쿠키와 세션 (Cookie & Session)

2021.02.22

쿠키(Cookie) 쿠키는 클라이언트 웹 브라우저에 저장되는 정보이다. 익스프레스에선 cookie-parser 모듈을 이용해 쿠키를 설정하거나 사용할 수 있다. cookie-parser는 쿠키 헤더를 파싱하여 요청 객체(req)의 cookies 속성에 할당한다. 설치 $ npm install cookie-parser 사용 방법 만약 암호화된 쿠키를 사용하기 위해선 cookieParser() 메소드의 인자로 임의의 문자열(secret key)을 전달하면 된다(아래 예제 코드에서 확인할 수 있다). 이 경우 쿠키 옵션에서 signed의 값으로 true를 할당해야 한다. const express = require('express'); const cookieParser = require('cookie-parse..

[React.js] 라우터를 이용한 접근 제한 구현 (Access Control & Authentication)

[Node.js] Express 6: 쿠키와 세션 (Cookie & Session)

티스토리툴바