[업무] TIL 5회차 - 업무 리뷰 (JS / JSP 에 값 넘겨받기)

업무를 진행하는데, 분명 프로젝트 때 했는데 기억이 안난다. 

약간 업무를 하고 있긴한데, 어떻게 되고 있는지 약간 의문.

 

하지만 패키지 까는법 어떻게 접근을 하는지 대충 눈에 보이는 것 같네요 

음 네 잘 보이는 것 같아요!  

 

 

제가 해결해야할 건 ! 첨부파일 클릭 했을때, 모달창에 'PDF파일로 변환하여 업로드 진행'이라는 글을 작성해야한다 ! 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

문제 ! 

해당  모달은 다른 모달창에도 쓰고 있는 공통 모달이다 ! 

그래서 , 저 문구를 넣을때 다른 모달창에도 노출이 된다. 

 

해결방법 ! 

① 공통 모달창을 먼저 찾는다. (.JS 파일을 찾아주면 된다 ! )

회사마다 다르겠지만, 저희 회사는 공통 스크립트를 따로 모아놓네요 ! 

 

- 파라미터 추가 ! 해줘야 겠지 ? 

  기존에 파라미터는 JSON 형식의 문자열로 만들어져있으니까 너가 변수를 잘 맞춰서 저장해줘야겠지 ? 

 

 

파라미터 값은 내가 아래와 같이 정했다  ! 

+ "'키값은 이거 ! " + value 값은 이거 !  

 

* JSON 형식이란 

[JavaScript] 내장객체 / 객체

 

② 해당 화면을 만드는 jsp를 찾는다 ! 

 

우리가 js에서 만든 파라미터 값을 받아야 하니까 ! 아래와 같이 작성 

hidden이라고 한 이유는 해당 값을 노출할 필요는 없으니까 ! 숨겨서 온다 ! 

<input type="hidden" value="${item. 키값은 이거 ! }">

 

그리고 내가 출력하고 싶은 문구 넣기 ! 

<input type="text" style="화면에 맞게 " id="noticeArea" value="PDF파일로 변환하여 업로드 진행" display="none;" disabled>

 

근데 조건 display = "none"으로 넣기 !

→ 공통 모달창이니 어떨때는 보이고 어떨때는 안보일지 조건을 걸어야하기 때문에 none으로 작성 

 

 

JS 추가 ! 

if( "${item. 키값은 이거  }" == "true" ) {  → true 값을 받으면 해당 문구가 보이게 해줘 ! 
$("#noticeArea").attr("display", "block");
} else {
$("#noticeArea").hide(); → true 값이 아니면 안보이게 해줘 ! 
}

 

② 해당 모달창이 뜨는 jsp 찾기 

해당 함수에 내가 만든 파라미터 값 넣기, ( true  넣어야겠지 ?! 그래야지 위에 쓴 true 에 보이니까 !)