공부/Web

· 공부/Web
Spring Security를 공부하다가!!도저히 정리를 안 하고는 이해가 안 될 것 같아서 블로그에 정리를 해 보려 한다.  먼저 build.gradle에 security 디펜던시 추가를 해준다.물론, JWT token을 사용할 것이기에 JWT 종속성도 추가해 준다.   JWT 사용 흐름 Client 가 username, password로 로그인 성공 시서버에서 "로그인 정보" → JWT로 암호화 (Secret Key 사용)JWT를 Client 응답 Header에 전달응답 Header 에 아래 형태로 JWT 전달ex) **Authorization: Bearer** eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzcGFydGEiLCJVU0VSTkFNRSI6Iuult..
· 공부/Web
MVC 패턴 mvc 패턴에서 mvc 는 각각 model, view, controller 를 의미하는 것으로 model 은 데이터 또는 업무 로직을, view 는 유저 인터페이스를, controller 는 model 과 view 계층 사이에 있는 계층을 말한다. Controller 계층은 model 과 view 계층이 직접적으로 결합되는 것을 막는다. model 과 view 의 직접적인 결합은 서로 영향을 주게 되어 바뀌도록 만든다. 이것을 막기 위해 Controller 계층을 추가한 것이다! 따라서 Controller 계층의 로직은 매우 간단하게 설계돼야 한다. Model 의 두 가지 방식 Model1 구조(방식) - JSP 페이지만으로 구성되어 있는 구조 - JSP 페이지에서 동적인 부분은 스크립트릿,..
· 공부/Web
커넥션 풀 커넥션 풀 기법이란, 데이터베이스와 연결된 커넥션을 미리 만들어 풀(pool) 속에 저장해 두고 있다가 필요할 때에 커넥션을 풀에서 꺼내어 가져다 쓰고 다시 풀에 반환하는 기법을 말한다. 여러 개의 DB Connection을 하나의 Pool에 모아놓고 관리하고 그 객체를 여러 개 생성한 뒤 필요할 때 불러와 사용한다. 이를 통해 메모리 소모를 줄일 수 있고 성능 저하 문제를 해결할 수 있다! 톰캣 버전에 따라 관련 라이브러리가 필요한데, 톰캣 7버전이상이면 라이브러리를 추가하지 않아도 된다. 실습 환경을 설정하기 위해 Eclipst 에 접속하여 Servers > Tomcat > context.xml 파일 속 태그 바로 위에 아래의 구문을 추가한다. name - 리소스 식별을 위한 이름 auth..
· 공부/Web
form action 속성을 『action=""』와 같이 구성하거나 action 속성을 생략하여 『form method="post"』와 같이 구성하게 되면 페이지 요청 및 데이터 전송에 대한 수신처 페이지는 자기 자신이 된다. 아예 생략 시, get 방식으로 자기 자신 페이지로 전송한다. 입력 테스트 취소
· 공부/Web
onchange onchange 속성은 사용자가 선택한 내용이 변경되었는지 감지한다. 따라서 onchange 속성 안에 함수를 넣는다면, 내용이 변경되었을 때 해당 함수를 자동으로 호출할 수 있다. 구구단 입력 단 수 선택 선택 1단 2단 3단 4단 5단 6단 7단 8단 9단 위의 코드를 보면 select 태그 속성에서 onchange 속성을 통해 formChange 함수를 호출하고 있다. formChange 함수를 호출하면서 매개변수로 this.form 을 넘겨주어 select 태그를 자식으로 갖고 있는 from 태그를 매개변수로 넘겨주고 있다. 함수 formChange 에서는 매개변수로 넘겨받은 form 객체를 submit 한다. 따라서 해당 페이지는 사용자가 선택한 내용이 변경되었을 시 submit..
· 공부/Web
onsubmit → submit 액션이 발생할 경우 이 때 호출되는 자바스크립트 함수에서 return true 할 경우 action 속성으로 제어권이 넘어가고, return false 할 경우 action 속성으로 제어권이 넘어가지 않게 된다. 예시 코드를 보자!!스크립트 코드 ↓ html 코드 ↓ 데이터 송수신 실습 04 아이디(*) 아이디를 입력하세요. 패스워드(*) 패스워드를 입력하세요. 이름(*) 이름을 입력하세요. 전화번호(*) 전화번호를 입력하세요. 성별 여성 남성 지역 서울 대전 대구 광주 수강과목 자바기초 오라클중급 JDBC심화 JSP활용 회원가입 취소 위의 코드에서 form 태그 부분을 보면 onsubmit 속성에 return formCheck();를 넣어주며 함수를 호출하고 그 반환값을..
· 공부/Web
JSP의 기본적인 문법 공부를 끝내고 데이터 송수신 실습을 진행하였다. 처음엔 이게 뭔 소리지.. 했는데 하다보니 이해가 가는 것 같기도 ~~~~ 먼저 사용자(클라이언트 측)에게 입력 받은 데이터를 서버 측에 데이터 전송 및 페이지 요청을 하기 위해서는 form 태그가 필요하다. Send01.html 코드 일부 ↓ 이름 전화번호 따라서 html 영역 안에 form 태그를 넣고 form 태그 영역 안에서 이름과 전화번호를 입력 받도록 한다. 그리고 submit 버튼을 통해 서버 측으로 name이 name이고 tel인 속성을 갖는 데이터를 전달한다. form 태그의 action 속성은 데이터를 전송하는 동시에 요청하는 jsp 페이지의 주소를 지정한다. 데이터 송수신 실습01 가입 확인 님, 회원 가입이 완료..
· 공부/Web
『prompt( )』 prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 메세지를 갖고 있는 대화 상자를 띄우는 메소드이다. 이를 이용하여 사용자에게 이름과 전화번호를 입력받아 그 내용을 출력하는 페이지를 구성할 수 있다. 전체 회원 수 명 prompt( ) 로 입력 받은 값은 문자열로 반환되기 때문에 숫자를 입력 받아야 하는 경우는 문자열로 입력 받은 뒤 변환한다. 『confirm( )』 사용자로부터 불린 값을 입력 받을 때 사용한다. 확인을 누르면 true를 리턴하고 취소를 누르면 false를 리턴한다.
린구
'공부/Web' 카테고리의 글 목록