본문 바로가기

분류 전체보기92

Web의 LocalStorage를 알아보자 브라우저의 개발자모드 애플리케이션에 가면 로컬저장소(LocalStorage)를 확인할수 있다. 쿠키처럼 값을 저장할 수 있는 특징이 있다. 하지만 객체는 저장이 불가능하다. 구성. 쿠키나 세션과 비슷하게 key값과 value값으로 구성되어있다. 간단 사용방법 localStorage.setItem("내키", "1654"); // .setItem(key, value) 값 저장하기 localStorage.setItem("내키", "333"); // 이미있는 key값을 사용하면 값이 덮어쓰기 되어버린다. alert(localStorage.getItem("내키")); // .getItem(key) 값(value) 가져오기 localStorage.setItem("다른키", "2222"); alert(localSto.. 2023. 6. 26.
[스프링시큐리티] 프로젝트 환경셋팅 및 로그인 진행 프로젝트에 스프링시큐리티 적용하기 🖥️ 환경 java 1.8.0_202 IDE : STS3 (3.9.15.RELEASE) Spring FrameWork 5.3.25 https://codeplus.tistory.com/180 [스프링Legacy] Spring Security 프로젝트 초기설정 (STS, 이클립스) 스프링 Legacy - Spring MVC 프로젝트 생성 후 프로젝트 설정 1. 프로젝트 설정 1-1) 프로젝트의 Java Build Path 에 Tomcat v8.5 추가 1-2) 프로젝트의 Project Facets 설정 - 버전을 수정해준다. (Java 1.8/ Dynamic Web Modu codeplus.tistory.com 기존에 적었던 내용을 먼저 진행한다. 좀 달라진게 있다면 스프링.. 2023. 6. 26.
[스프링시큐리티] role명에 "ROLE_" 접두사를 꼭 붙여야 하는가? (해결방법) 오늘 하루종일 Spring MVC 프로젝트의 시큐리티를 구현하는데 힘썼다. 그중 3시간은 역할설정할때 role앞에 접두사 "ROLE"이 필수인지, 그리고 수정할수 있는것인지 검색하는데 시간을 보내서 정리해본다. 삽질1. 처음에는 role_을 써야하는것으로 배웠지만 혹시 안써도 자동으로 bind되는지 삽질을 1시간가량 해보았다. 삽질2. 국내 티스토리 검색 - 검색해도 대부분 "ROLE_" 접두사가 필수인것처럼 작성한 블로그들이 대부분이었다. - 덕분에 희망고문 당하면서 시간을 많이 뺏겼다. 삽질3. 스프링 공식 문서 검색 https://docs.spring.io/spring-security/reference/servlet/appendix/faq.html#appendix-faq-role-prefix Spr.. 2023. 6. 25.
[짧은개발지식] 버블정렬 - Js코드로 만들어보기 버블정렬은 sort방법중에 가장 기본적인 정렬방법이다. 3단계로 나눠서 버블정렬의 코드를 작성해보자. 1. 배열 안의 최대값 찾기 let testArr = [3,6,1,2,9,7,3,2]; let max = testArr[0]; // 첫번째 값이 가장 크다고 가정한다. for(let i=0; i 2023. 6. 23.
[자바스크립트] console.log로 디버깅이나 값 확인 시 주의점!! 자바스크립트에서 console.log를 할때 객체를 읽어오면 잘못된 값을 확인할 수 있다. let testObj = { name: "홍길동", age : 26 } console.log("값체크1", testObj); testObj.name="홍길순"; testObj.age= 27; console.log("값체크2", testObj); 위와 같이 코드를 작성해보고 콘솔을 확인해보면 전혀 예상하지 않았던 결과가 나온다. 이 이유는 객체(object)를 console.log 를 찍게되면 변화하는 object는 자원을 아끼기위해 마지막 값을 출력해주는 경우가 있다. 해결방법 let testObj = { name: "홍길동", age : 26 } var cloneObj = structuredClone(testOb.. 2023. 6. 23.
[짧은개발지식] JSONP (JSON Padding) 이란? JSONP (JSON Padding) JSONP 를 이용해서 가져오면 다른 도메인에 있는 json 파일도 가져올수 있고, 바로 불러와서 사용할 수 있으니 익혀두자. 우선 api이용이나 다른서버에 요청해서 데이터를 가져올때 생기는 문제는 CORS 문제가 있다. CORS 란?(Cross-Origin Resource Sharing) CORS는 Cross-Origin Resource Sharing의 약자로, 웹 애플리케이션에서 다른 도메인 간에 리소스를 안전하게 공유할 수 있도록 해주는 메커니즘입니다. 기존의 동일 출처 정책(Same Origin Policy)에서의 제한을 우회하여, 다른 도메인에 있는 리소스에 접근할 수 있는 방법을 정의하고 있습니다. 서버는 응답 헤더인 "Access-Control-Allow.. 2023. 6. 22.
[VScode] Prettier HTML 자동 Formatting 이쁘게 하기 - prettier의 기본설정이 html의 길이제한 때문에 이쁘게 되지않는다. 설정을 바꿔주자. Prettier의 설정에 들어갑니다. 200으로 설정 2023. 6. 20.
[STS, 이클립스] Subclipse 4.3.3 수동설치 본 글은 STS 3.9.15 (이클립스 v4.16 기반) 버전에서 MarketPlace가 사용 불가능할 때, Subclipse 4.3.3 을 설치하는 방법을 담고 있습니다. https://codeplus.tistory.com/188 [STS 버전문제] STS 3.9.15, 이클립스 4.16기반버전 이용하려면... sts3.9.15 이클립스4.16버전을 사용하려고 했다. 하지만 이클립스 4.16버전기반 sts문제는 이클립스 Marketplace 이용이 불가능하다. 그렇다고해서 이클립스 4.17버전을 사용하려면 java11 버전부터 지원이 codeplus.tistory.com sts 3.9.15(이클립스 4.16버전)에선 마켓플레이스를 이용하지 못하는 버그가 있다. 그래서 4.16버전으로 다운받아서 셋팅해본.. 2023. 6. 19.
[STS 버전문제] STS 3.9.15, 이클립스 4.16기반버전 이용하려면... sts3.9.15 이클립스4.16버전을 사용하려고 했다. 하지만 이클립스 4.16버전기반 sts문제는 이클립스 Marketplace 이용이 불가능하다. 그렇다고해서 이클립스 4.17버전을 사용하려면 java11 버전부터 지원이 가능하다. 그래서 4.16기반버전을 사용하려면 플러그인들을 모두 수동 설치해줘야한다. 2023. 6. 19.

티스토리툴바