JSP 웹사이트 개발

-. 컨트롤 과 뷰간에 데이터 주고 받기

     - 스프링

     - ${} - EL 표현식 문법과 사용 방법

=======================================

 

개발 참고 추천 사이트 :

https://www.w3schools.com/

https://ko.javascript.info/

 

=======================================

 

1. request에 대한 결과값을 특정 주소로 결과 값을 보낼때....

 

    1-1. 컨트롤러 변수값 생성 및 보내기

          @RequestMa...("")

          public String sSend(...... Model modle....)

          {

                --첨부할 일반변수

                model.addAttribute("변수명" ,변수값(List,VO,Map,String.....));

                model.addAttribute("data" , list);

 

               --json 변수

               ObjectMapper mapper = new ObjectMapper();

               String json = mapper.writeValue...(list);

               model.addAttribute("m_json",json);

 

               return "주소";

          }

 

 

     1-2 Jsp에서 변수 받기

 

          - string 받기

               var v_str = "${data}";

               var v_str = "<c:out value='${data}'>";// jstl태그도 <script></script>안에서도 사용가능하며,

                              쌍따움표 안에 있건 없건 문자가 아닌 태그로 인식되어 값이 들어간다.

                              (jstl이 생성주기가 빠르기때문)

 

          - list

               1. var v_aa = "{$data.get(0)}"   /    "${data[0]}"

               2. list안에 값이 map이나 vo면

                   <c:forEach......

 

          - map, vo등

               var v_dd = "${data.dd}";

 

          - json

               var data = "{m_json}";

               var v_data = JSON.parse(data);

 

 

 

2. ajax또는 결과값을 해당 웹주소롤 리턴하는게 아니고 호출 된 곳으로 데이터를 리턴할때는

   리턴 타입 앞에

 

@ResponsBody를 붙여주면 된다. (컨트롤 와 뷰간에 데이터 주고 받기(파라메터 종류) 2)

.....

=======================================

    - 한글 깨짐 해결 방법

 

    - ajax로 데이터 주고받기 

      ajax로 form data(multipart) 전송 하기

 

    - jsp태그 및 <% 사용해서 개발하기

 

    - 파일 업로드/다운로드구현 multipart

 

    - 메시지처리 방법 (ajax호출이 아닌 일반 호출시)

        alertmsg.jsp 참고.

 

    - JSP 페이지 이동 4가지 방법 및 특성

 

    - 페이지 이동시키는 방법(forward, redirect 차이)

 

 

       

 

2. Jquery 와 document.element를 이용해 요소에 접근

    - element 접근방법

      Javascript에서 DOM의 특정 요소(element) 찾는 방법

      (DOM관련 참고 : https://ko.javascript.info/)

 

 

    - Jquery Api : https://api.jquery.com/

 

    - jquery 셀렉터들

       참고 사이트 : https://zetawiki.com/wiki/JQuery_%EC%85%80%EB%A0%89%ED%84%B0

                        https://www.zerocho.com/category/jQuery/post/57a9a371e4bc011500624ba3

   

   

 

    - jquery each .prop .attr .css .val등 주요 함수

 

    - jQuery 노드를 생성/추가/이동/삭제 하기 

    

 

3. session 값 처리등 불러오기

    - 스프링 세션 동작 원리

   

    - 세션 생성 및 제거.

   

    - HttpSessionListener 이용 중복 로그인 방지

      

    - 이중화 서버에서 중복 로그인 방지

 

4. 프로퍼티 설정및 읽어오기

     - 스프링 properties 읽어오기

 

5. log4j  설정 방법

     - log4j 파일별 특정 로그 제외하거나 특정 데이터만 쌓는 방법

 

6. 암호화 및 Encoder

     - Sha256등. 암호와 종류 (양방향 / 단방향)

 

7. 컴스텀 태그 정의 및 사용방법

 

8. 웹취약점검 종류 및 해결 방법

    - jsp코드에 변수를 el 태그에서 출력하기

      => el 태그로 출력하기 위해서는 request에 setAttribute를 해야지만 가능하다.

<%

String test = "Hello Java";

request.setAttribute("test", test);

%>



<span>${test}<span>​

 

 

    - xss 방지        

      xss 방지 Lucy-xss-servlet-filter 적용하기

   

    - xss 처리 및 전체 필터

           (hashmap/멀티파트폼/json등은 필터 따로 필요할수도 있음 - 네이버, egov필터로 안 막힐 수 있음.)

           (pageContext.request.queryString을 사용하면 필터에 안걸림. )

           https://m.blog.naver.com/PostView.naver?blogId=yjhyjh5369&logNo=221448834459&proxyReferer=

     

    - EL, JSTL  XSS 처리

${fn:escapeXml(myName)}​

<c:out value="${id}" escapeXml="false"/> 

 

   

     - SSL 사용

       통신구간 암호화 이므로 Client < - > Server 간 통신시 데이터를 암호화 하는 것입니다.

       GET, POST 상관없이 통신 구간에 암호화 된다.

       URL 주소등 안에 변수 등이 암호화 되는건 아니고 통신 구간에서 가로채도 값을 알수 없도록 암호화

       하는거라 생각해야 한다.

       => SSL을 적용한다고 소스나 프레임워크에 변경은 없고 웹서버에 SSL 인증서를 등록하면 된다.

       

 

     - SSL 적용 시 TLS1.2 이상 이어야 한다.  => TLS1.0, 1.1 사용 막기

        WebtoB 에서 TLSv1.2 지원 확인하는 방법       

 

     - 파일 업로드 기능에서 jsp, js, html등 특정 파일확장자는 업로드 안되도록 해야한다.

 

     - 권한체크

           - URL 직접 접근시 권한체크

           - 권한에따른 버튼제어시 자바 스크립트로 disable처리하지 말고 EL,JSTL(서버사이트스크립트) ]

             문법등으로 사용자에게 소스자체가  안보이도록 수정

 

 

    - 쿠키사용.

            쿠키의 보안 취약점

            쿠키 사용하기.

 

 

9. 소스코드 진단 종류 및 해결 방법

 

 

10 기타

     - JavaScript 키보드 이벤트 생성

     - 쿠키등록 ( 팝업창 하루동안 열지 않기 & 하루에 한번만 띄우기)

 

     - 자바 static Map 사용과 초기화

 

     - 웹소켓 ( ex : 사용자로부터 request요청 없이 특정 사용자에게 메시지 보내기 )

        webSocket 웹 채팅 만들기

              

       톰캣에서는 실행이 잘 됐는데. 제우스로 가니까. 

       소켓 연결이 안되는 문제 발생. ... 

       제우스에서 웹소켓 설정하는 부분이 있는데.

       그 설정을 하면 제대로 실행되는지는 알수 없음.

       (제우스가 문제가 아니고 webToB가 문제, revers proxy설정등이 필요.... 버전에 따라 다르다.)

       또한 방화벽 문제도 생길수 있다. (참고 : https://okky.kr/article/465134)

 

     

     - 이미지 tiff 파일 생성하는법.

 

     - 자바단(서비스단)에서 직접 특정 웹사이트 URL호출 하기

   

     - 오라클 페이징 쿼리.

 

     - 이클립스에서 변경된 소스 자동으로 refresh 하기

 

     - 개발자모드 파라미터 변조

     - 웹 캐시 저장 방지하기