분류 전체보기

클라이언트 저장소인 session Storage에 대해 공부하다가 예전에 Spring 의 session 과 cookie 대해 정리해 둔 소스가 생각나서 블로그로 옮겨 적는다. 💡Web Storage | Session Storage 와 Local Storage의 특징 및 차이점 1. Session vs Cookie 비교 만료시점 : 세션 열결 해제 session Id를 사용해서 사용자(브라우저)별로 구분하여 정보를 관리 할 수 있다 서버에 저장하기 때문에 cookie에 비해 접근이 어렵다 ( = 보안 향상) 세션 (Session) 쿠키 (Cookie) 저장공간 서버 클라이언트 만료시점 세션 열결 해제 브라우저를 닫았을 때 별도로 설정한 시간이 지났을 때 저장 시 설정한 시간이 지났을 때 브라우저를 닫아도 ..

Java랑 Spring을 공부할 때 session과 cookie에 대해서는 배운 적 있는데, vue를 공부하면서 유저정보를 저장할 곳으로 당연히 session을 떠올렸다가 Local Storage 개념을 알게되면서 클라이언트에서 관리하는 데이터 저장소인 Web Storage에 대해 살펴보고, 각 저장소의 특징 및 차이점을 정리해보았다. 그리고 기존에 알고있던 Spring의 session이랑 Web storage의 session storage는 관련이 없다고 한다. session은 서버에 데이터를 저장하고 쿠키에 session Id만 저장하는데, 브라우저의 session storage에 값이 저장되는 걸 보고 의아했는데 오해였다. 아래 두 링크는 같은 궁굼증을 가졌던 개발자들이 남긴 QnA이다. 🙏 참고한..

1. 이슈 최근 소스트리 실행 아이콘 클릭 시 로고만 뜨고 실행이 안되는 이슈가 잦았다. 처음엔 재설치를 했는데 매번 이러기도 번거롭던차에 해결방법을 찾아서 기록용으로 정리한다. 감사하게도 해결방법을 공유해준 분이 있어서 참고했다! https://jerryjerryjerry.tistory.com/179 2. 해결방법 > 소스트리 캐시파일 삭제 후 재실행 1. 아래 경로로 접근 C:\Users\{$사용자계정}\AppData\Local\Atlassian\SourceTree.exe_Url_52s0czpwqs3sl2nh1ywucbb3tfehyh3c\3.4.13.0 2. Composition.cache 삭제 3. 소스트리를 재실행하면 해당 캐시파일이 재생성되면서 잘 실행되는 것을 확인할 수 있다.

1. 이슈 vue router 를 설치하고 새로운 컴포넌트 "index.vue" 를 생성하자 부분에서 오류가 났다. 터미널에서 다음과 같은 에러메세지를 확인 할 수 있었다. > 에러 메세지 2. 원인 찾아보니 vue.js 는 컴포넌트 이름으로 2개 이상의 단어 조합을 권장한다고 한다. "index" 라는 단일어 만들어서 vsCode의 확장프로그램 중 하나인 "ESLint"가 감지하고 컴파일 에러를 발생시킨 것이다. > VSCode 확장 : ESLint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint ESLint - Visual Studio Marketplace Extension for Visual Studio Code ..

vue.js를 공부하다보니 백엔드를 구축하지않고 DB를 사용할 수 있는 환경이 필요했다.JSON Server로 일종의 가상 DB를 구현하는 방법을 알게되어 정리한다.  > 참고용https://www.npmjs.com/package/json-server json-serverGet a full fake REST API with zero coding in less than 30 seconds. Latest version: 0.17.3, last published: 2 months ago. Start using json-server in your project by running `npm i json-server`. There are 312 other projects in the npm registry usin..