본문 바로가기

언어/jsp & javascript

(5)
[JSP&Javascript] FilterChain 이란? Filter는 요청(Request)과 응답(Response)에 대한 정보들을 변경할 수 있게 개발자들에게 제공하는 서블린 컨테이너 입니다. FilterChain은 이런 Filter가 여러개 모여서 하나의 체인을 형성하는 것 인데요,체인을 형성한 Filter들을 거쳐가는 순서가 있습니다.Filter가 요청정보, 즉 클라이언트가 요청하는 정보를 변경할 수 있는 서블린 컨테이너라고 위에서 언급 했는데, 두번째 Filter는 이 클라이언트의 요청하는 정보가 아닌 첫번째 Filter에 의해서 변경된 요청 정보를 변경하게 됩니다. 그럼 먼저 Filter 인터페이스를 확인해 보겠습니다.https://tomcat.apache.org/tomcat-5.5-doc/servletapi/javax/servlet/Filter.h..
[JSP&Javascript] 현재 URL 정보 가져오기 안녕하세요,이번에는 URL 정보를 가지고 조작하는 방법에 대해서 포스팅을 해보겠습니다. 'window.location.href' -> 웹을 조금이라도 해보셨다면 눈에 익숙한 문법이라고 생각합니다.보통 페이지를 전환시킬때 window.location.href='전환할 페이지 주소'; 를 사용하여 화면을 리다이렉트(Redirect) 시키는데요이 포스팅을 쓰기 전까지 window.location.href로 현재 페이지를 가져오고, substr 함수로 제가 원하는 부분만 자른뒤 붙이고, 새로운 주소를 만들어 window.location.href='새로운 주소'; 형식으로 페이지를 전환시켰었습니다. 근데 이 location 뒤에 href 속성뿐만 아니라 더욱 많은 객체 속성들이 있었는지 아셨나요? 아래 내용을 통..
[JSP&Javascript] HTML 렌더링 과정 웹 브라우저 상에서 HTML 문서가 렌더링 되어서 최종 사용자에게 보여지기까지 어떤 과정이 있을까요 ? 1. 웹에서 로더가 서버로부터 받은 파일들을 읽게 됩니다. 파일들을 받을 것인지 등을 결정합니다.2. 웹 엔진에 존재하는 HTML/XML 파서가 문서를 파싱 한 후 DOM Tree를 구성합니다. -> DOM Tree 객체 구성(출처 : https://isme2n.github.io/devlog/2017/07/06/browser-rendering/) 웹 브라우저 상의 DOM Tree 구성을 확인하고 싶다면 개발자도구(F12) 의 Elements에서 우측 Properties를 확인합니다. 3. DOM Tree는 자바스크립트 에서 접근할 때 DOM 객체를 사용할 때 사용하는 것이고, 실제로 화면에 그려지기 위..
[JSP&Javascript] 하나의 태그에 대해 이벤트가 두번 적용될때 (feat. html 로드순서) 오늘 개발을 하는중에... 스크립트 실행 순서에 대해서 의문점이 들었습니다..html 상에 존재하는 input 태그에 대해서 onclick 이벤트가 두번 걸려있었는데요 아래 소스코드를 먼저 보시죠... 1 -----------------> 여기에도 toLogin태그에 해당하는 onClick 이벤트가 정의되어있음.2 3 $(document).ready(function() {4 $("#toLogin").on("click", fnuction() {5 ........6 )};7 8 }); 즉, include 되어있는 "파일이름.jsp"내에 있는 태그에도 toLogin 태그에 대해 onClick 이벤트가 정의되어있고, 현재 코드 내에도 toLogin에 대한 onClick 이벤트가 정의되어 있었다는거죠.. 이럴 경..
[JSP&Javascript] GET 방식으로 넘길때 데이터 안넘어가는 현상 (encoding) jsp에서 get방식으로 Controller한테 값 넘겨줄 때 http://www.각자만의주소링크.com?pageNum=1&eventCode=3927423234방식으로 파라미터를 넘겨줬습니다! pageNum 값과 eventCode 두개 키로 정보들을 컨트롤러에게 가져오기 위함이죠!그런데....???? pageNum=1 이 값밖에 들어오지 않았습니다... 물론, get방식은 길이에 제한이 있어서 길어지게 되면 잘리는 현상이 발생하지만!제 주소는 get방식 최대 길이 2047 byte를 넘지 않았습니다..문제가 무엇인고 하니 '&' 요놈이 문제라고 하네요.. (검색 해보니 '+' 같은 문자도 짤린다고 그러네요.....ㅠ) 결국 값을 넘겨줄때 javascript의 encodeURIComponent 함수를 사용..

Today :
Yesterday :
Total :