본문 바로가기

WEB51

UUID 여태까지 UUID가 디바이스 고유 식별 정보 기반으로 생성되는 건줄알았는데(디바이스 uuid라고 많이들 하길래..)그냥 생성하고 로컬 스토리지 혹은 디바이스 자체에 저장을 해두고 꺼내쓰는거라서.. 그런거였다. 세션 스토리지에만 계속 저장하고, 세션 연장할때마다 새로 생성했는데 자꾸 오류가나서 알게된 사실........ 몇 번의 오류끝에 찾아봤더니 로컬스토리지에 저장해야한다고 합니다. 그래서 아래처럼 수정했더니 잘된다const getDeviceUUID = () => { let deviceUUID = localStorage.getItem('deviceUUID') if (!deviceUUID) { deviceUUID = uuidv4() localStorage.setItem('deviceUUI.. 2025. 5. 11.
웹 서버 배포하기 01 : ubuntu 설치 우분투를 활용해서 nginx로 웹 서버 배포하기(vue.js, fastapi, postgreSQL 활용한 웹 배포 예정) 1. 데스크탑에 우분투 설치우분투 os 설치용 usb를 먼저 만들어야 한다. 이를 위해서 아래 사이트 접속 후 다운로드https://rufus.ie/en/#google_vignette 활용할 버전에 맞는 우분투 다운로드나는 ubuntu 24.04.1 lts 버전을 다운 받았다https://ubuntu.com/download/server/thank-you?version=24.04.1&architecture=amd64&lts=true Thank you for downloading Ubuntu Server | UbuntuUbuntu is an open source software opera.. 2025. 1. 16.
JWT 저장 (2024년 9월 메모를 기반으로 작성했습니다) 쏠거지 프로젝트를 진행하던 당시,모든 페이지에 접근하는 과정에서 JWT를 확인해야하는데 그러한 경우 토큰을 어디에 저장해야 할지 헷갈렸다.쿠키에 저장하기에는 "개발자 도구에서 쿠키에 대한 정보를 확인할 수 있기때문에 보안상 문제가 있지 않을까?" 라는 생각을 막연히 가졌었다. 그래서 네이버와 같은 대형 포털사이트에서 어떻게 하는지 로그인해보며 확인해본 결과 그냥 쿠키를 활용하는 것을 확인했다. 이후 쿠키/세션의 개념에 혼동이 와서 정리해본 내용JWT 저장쿠키 저장 방식장점HttpOnly 플래그로 XSS 공격 방어 가능요청에 자동 포함되어 편리서버에서 보안 설정 강력하게 제어 가능단점CSRF 공격에 취약 (SameSite 속성으로 완화 가능)SameSite:.. 2025. 1. 9.
어쩌다 Vue.js 02 _ 네이버 지도 api 1. 네이버 클라우드 플랫폼에서 애플리케이션 등록  2. index.html에 아래 코드 추가(클라이언트 아이디 바꿔서) 3. 구현(vue.js) 2024. 12. 10.

티스토리툴바