WEB50 웹 서버 배포하기 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<s=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. 어쩌다 Vue.js 01 _ 환경설정 개발 외주 프로젝트를 맡게 되었는데, 초반에는 Vanilla JS로 개발을 요청받았으나, 유지보수 측면을 고려하여 최근 프론트 개발자가 많이 사용하는 Vue.js 프레임워크로 개발을 하게 되었다. (+반응형 web-app 개발) Vue를 많이 사용하는 이유가 궁금해서 찾아봤는데, (1) 문법이 직관적이고(html 형식에 더 가까운 듯) (2) 직관적인 디렉티브 DOM조작이 가능하여(v-if, v-for 등), (3) 더 명확한 가이드라인... 등의 이유라고 한다. 개발을 위해서는 node.js 설치 후 터미널에서 아래와 같이 실행시켰다. npm install vuenpm install -g @vue/clinpm create (프로젝트명) -- 이후 버전 선택가능. vue3 설치 cd (프로젝트명) +.. 2024. 11. 30. 이전 1 2 3 4 ··· 13 다음
