[React] JWT 인증키 저장하기

현재 프로젝트에서 JWT 인증키를 이용해서 로그인을 구현하려고 한다. 이때, 이 인증키를 어디에 저장해야할까? 현재 다른 데이터들은 Redux - persist를 이용해서 session storage에 저장하고 있다. 로컬을 쓰지 않은 이유는 창을 닫으면 정보를 삭제하고 싶었기 때문..(이후 수정할지도..) 여튼, JWT Token을 local storage나 session storage 같은 Web storage에 저장하면 클라이언트에서 자바스크립트에서 요청을 담아 보내기 때문에 XSS 공격에 취약하다고 한다. XSS이란? 더보기 = Cross Site Scripting 공격하려는 사이트에 악의적인 스크립트를 삽입해서 해당 스크립트가 당하는 사람에게 동작하도록 하는 것 이를 통해서 당하는 사람은 개인 ..

• format_list_bulleted FrontEnd/React
• · 2024. 2. 4.
• textsms

[React] Vite로 React 프로젝트 만들기

React 프로젝트는 Vite를 이용해서 만들어보자 Vite는 저번에 Vue를 했을 때 정리해 둔 것이 있으니 그걸 참고해서 설치하면 된다. 2023.11.07 - [Vue] - [Vue] SFC build tool (Vite) [Vue] SFC build tool (Vite) # Vite 프론트엔드 개발 도구 공식 문서 참고, Vue 공식문구에서 설치 방법 확인 npm create vue@latest 뜨는 옵션들은 No로 우선 통일 cd vue-project/ npm install 자동으로 생긴 vue-project 위치로 가서 설치 npm run memezz.tistory.com # 왜 Vite를 사용해서 만들까? 궁금해서 물어보니까 뤼튼님이 이렇게 말하신다... 즉, 빠르고 최신 JS를 쓸 수 있고..

• format_list_bulleted FrontEnd/React
• · 2024. 1. 18.
• textsms

[React] Vue와 React의 차이점

보호되어 있는 글입니다.

• format_list_bulleted FrontEnd/React
• · 2024. 1. 15.

[React] 리액트란?

# 리액트란? 웹과 네이티브 사용자 인터페이스를 위한 라이브러리 SPA를 쉽고 빠르게 만들 수 있게 도와주는 도구 더보기 SPA란? = Single Page Application 2023.11.01 - [Vue] - [Vue] Front-end 사전지식 참고! # 리액트의 장점 1. 빠른 업데이트와 랜더링 속도 리액트도 Vue와 동일하게 Virtual DOM이라는 것을 사용 → 최소한의 업데이트 부분을 통해 빠르게 랜더링 가능 더보기 2023.11.07 - [Vue] - [Vue] Virtual DOM 2. 컴포넌트 기반 구조 컴포넌트란?? 하나의 페이지에는 여러 구성요소가 있는데, 각각의 요소들을 컴포넌트라고 함 더보기 2023.11.07 - [Vue] - [Vue] Vue Component 사용해보기..

• format_list_bulleted FrontEnd/React
• · 2023. 12. 16.
• textsms