전체 글
-
jwt 오류 ) hmac 알고리즘으로 인한 오류web( jsp, servlet )/jsp 2024. 7. 16. 15:21
직접 암호화 키를 만들어서 적용시켜보려고 했는데 500에러가 나왔다. 에러 메시지는 아래와 같았다.The specified key byte array is 104 bits which is not secure enough for any JWT HMAC-SHA algorithm. The JWT JWA Specification (RFC 7518, Section 3.2) states that keys used with HMAC-SHA algorithms MUST have a size >= 256 bits (the key size must be greater than or equal to the hash output size).Consider using the io.jsonwebtoken.security.Keys..
-
세션과 쿠키web( jsp, servlet )/servlet 2024. 7. 15. 10:35
▤ 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 ✔ Authentication(인증) vs Authorization(인가)👏 한줄 정리인증은 로그인 과정과 같이 신원을 확인하는 과정을 말한다.인가는 로그인을 유지하여 어떠한 자원에 접근할 수 있는지 확인하는 절차를 말한다. 인증은 유저, 장치의 신원을 증명하는 행위인가는 해당 유저, 장치에 접근 권한을 부여/거부 하는 행위인증은 인가로 이어진다인가는 인증으로 이어진다.토큰(인가)으로 신원을 파악하는 방법은 정확도가 떨어지는 방법이다. ✏️ 차이점서로 의미가 비슷하다고 생각할 수 있지만 다르다.인증을 통해 인가가 가능하지만 인가를 통해 인증을 확인할 수 없다.예를 들어 출입증이다. 나의 신원으로 출입증을 받았다고 ..
-
서블릿 작동 원리와 xml파일 servlet 생성 후 매핑 및 doGet(), init()web( jsp, servlet )/servlet 2024. 7. 12. 11:35
▤ 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 ✔ 서블릿 작동 원리⌨ 서블릿이란? 클라이언트가 요청을 하면 해당 요청에 맞는 처리를 한 후 결과를 반환하는 자바 웹 프로그래밍 기술이다. 자바 서블릿(Java Servlet)은 자바를 사용하여 웹페이지를 동적으로생성하는 서버 측 프로그램 혹은 그 사양을 말하며, 흔히 "서블릿"이라 불린다....서블릿은 JSP와 비슷한 점이 있지만, JSP가 HTML 문서 안에 Java 코드를 포함하고 있는 반면, 서블릿은 자바 코드 안에 HTML을 포함하고 있다는 차이점이 있다. -wiki 클라이언트의 요청에 대해 동적으로 작동하는 웹 어플리케이션 컴포넌트이다.html을 통해 요청 받고 응답한다.java 기반의 프로그래밍 기술이..
-
JS의 라이브러리 (jQuery)Front/js 2024. 7. 11. 18:07
▤ 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 ✔ jQuery⌨ jQuery란?javaScript 라이브러리이다.html 속 클라이언트 javascript 작업을 간소화해 생산성을 향상 시켜주도록 설계된 자바스크립트 라이브러리이다.라이브러리란 프로그램 제작시 자주 사용하는 함수, 서브루틴 등 여러 기능을 모아둔 파일을 의미한다.재사용성이 높고 프로그램 코드도 간결해진다. DOM 요소의 속성을 설정한다.DOM 요소를 생성하거나 삭제, 표시 또는 숨긴다.클릭 이벤트, 마우스 이동, 동적 스타일 등을 정의한다.Ajax를 호출한다(비동기적 데이터 교환) 💻 Vanila JSvanila JS는 외부 라이브러리나 프레임워크를 쓰지 않는 순수한 javaScript를 이르는..
-
Ajax 사용, DB 읽어와서 웹브라우저에 보이기(레거시 방식 jsp)Front/js 2024. 7. 10. 14:25
▤ 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 ✔ DB연결DB에 있는 데이터를 web브라우저에 보이려고 한다.DB의 데이터를 가져오기 위해서는 jsp를 사용해야한다. 데이터 테이블은 아래와 같다. ⌨ jsp 파일JDBC로 연결{"sangpum":[]}jsp는 안에 java를 사용한다.그 밖은 html소스를 사용한다. 위의 코드는 java를 사용해서 DB를 연결하는 코드이다.우선 프린트가 잘되는지 확인해보기위해 out.print(rs.getString("sang"));이 코드를 찍어봤다. 데이터베이스와 잘 연결되었음을 알 수 있다. 그럼 각 데이터를 추출해보자. String result = ""; while(rs.next()){ result +="{"; re..
-
Ajax) get방식/ post 방식 데이터를 받기Front/js 2024. 7. 10. 12:36
▤ 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 ✔ 기본적인 세팅get 방식과 post 방식 모두, 서버에 요청을 하는 메서드이다.이때 get 방식은 url뒤에 붙여서 보낸다. ⌨ html 파일Ajax get,post 요청이름: 나이: 이렇게 get 버튼을 누르면 get방식으로 post 버튼을 누르면 post 방식으로 데이터를 넘기도록 하겠다. 💻 getpost.jsp ✔ get 방식⌨ 코드let xhr;function getFunc(){ //alert('a'); let irum = frm.name.value; let nai = frm.age.value; //alert(irum+" " +nai); fName="getpost.jsp?name="+..
-
Ajax( Asynchronous JavaScript and XML / XMLHttpRequest )Front/js 2024. 7. 9. 17:23
▤ 목차" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 더보기아래 정리는 해당 코드를 기반으로 진행한다. [ html파일 ] Ajax test Ajax원리를 찾아서 CSV 읽기 xml 읽기 json 읽기 각각의 txt,xml .. 등 파일은 따로 만들고 진행한다. ✔ Ajax ( Asynchronous JavaScript and XML )웹서버와의 통신을 비동기로 할때 사용한다.네트워크상 값이 언제 넘어올지 모르기때문에 비동기 상태로 받아야한다. 이름 그대로 JavaScript와 xml파일을 이용하는 비동기 방식을 말한다.서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있도록 해준다.최근에는 Json 파일 형식을 주로 사용한다.xml 파일보다 Json파일을..
-
JavaScript) 모듈이란?Front/js 2024. 7. 8. 12:01
▤ 목차">HTML 삽입미리보기할 수 없는 소스 일반적으로 js 코드를 별도의 파일로 작성후 하나의 같은 기능을하는 모듈을 만들어 언제든 필요한 모듈을 불러오는 방법이 있다. 이런 식으로 부를 수 있다. 👏 중요내보내고 받아야하는데 이때 다양한 파일이나 형식을 내보내고 싶을 수 있다.이제 각 파일이나 형식을 export / import 하는 방식을 알아보자. ✔ Export 와 Import 방법 📝 변수🔷 export (js 파일)export let user ='홍길동'; 🔷 import (js 받는 파일)import {user} from './js/js32module.js';console.log(user); 📝 json 형식🔷 export (js 파일)const na..