token์ cookie์ ์ ์ฅํ ์๋, Web Storage์ ์ ์ฅํ ์๋, Client ์์ฒด์ ์ ์ฅํ ์๋ ์๋ค.
Cookie
- ์ฟ ํค๋ ์๋ฒ๊ฐ ๋ณด๋ธ ๋ฐ์ดํฐ๋ฅผ ์ต๋ 4KB๊น์ง ์ ์ฅ ๊ฐ๋ฅํ๋ค.
- ํด๋ผ์ด์ธํธ์์ Credential ์์ฑ์ผ๋ก ํ์ฉํ๋ฉด ์๋ฒ์์ ์ ๊ทผ ๊ฐ๋ฅํ๋ค.
- HTTP Request ์ ์๋์ผ๋ก ํฌํจ๋์ด ์๋ฒ์ ์ฟ ํค ์ ๋ณด๋ฅผ ์ ๊ณต ๊ฐ๋ฅํ๋ค.
- HttpOnly ์ค์ ์ ์ด์ฉํ์ฌ ์ฌ์ฉ์๊ฐ ์ ์ดํ ์ ์๋๋ก ๋ง๋ค ์ ์๋ค.
Web Storage
- Session Storage
- ์๋ฒ์์ ์ ๊ทผํ ์ ์๋ค.
- ์ธ์ ์ด ์ข ๋ฃ๋๋ฉด ๋ชจ๋ ์ญ์ ๋๋ค.
- 5~10MB์ ํฌ๊ธฐ๋ฅผ ๊ฐ๋๋ค.
- Local Storage
- ์๋ฒ์์ ์ ๊ทผํ ์ ์๋ค.
- ๋ฐ ์๊ตฌ์ ์ผ๋ก ์ ์ฅํ ์ ์๋ค.
- 5~10MB์ ํฌ๊ธฐ๋ฅผ ๊ฐ๋๋ค.
Client Side
- ํด๋ผ์ด์ธํธ ์๋ฒ์ ์ฟ ํค๋ฅผ ์ ์ฅํด๋๊ณ ์ฌ์ฉํ ์ ์๋ค.
์ฐธ๊ณ
https://velog.io/@neity16/NodeJS-Token-์ ์ฅ-์์น์-๊ณ ์ฐฐ
https://velog.io/@ehdrms2034/Access-Token-์ ์ฅ-์์น์-๋ํ-๊ณ ์ฐฐ
๋ฐ์ํ
'์น (WEB) > ๊ณต๋ถ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Micro Service Architecture์ด๋? (0) | 2021.07.22 |
---|---|
Refresh Token (0) | 2021.07.22 |
OAuth 2.0 (0) | 2021.07.22 |
React-query :: api fetch ์ ์ฌ์ฉํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ (0) | 2021.07.10 |
React-query :: Query Invalidation (0) | 2021.07.10 |
Comment