Model → JSP(EL) → JS

  if($('#postIdx').val() != "" && $('#postIdx').val() != null){
  	openDetailPopup($('#postIdx').val(), 2);
  }

1. $('#postIdx')
   id가 postIdx인 요소를 jQuery로 선택

2. .val()
   해당 요소의 value 값을 가져옴
   ex) <input value="123"> → .val() 반환값은 "123"

3. postIdx가 빈 문자열이 아니거나 null이 아닐 때
   openDetailPopup($('#postIdx').val(), 2) 로직 실행

여기서 $('#postIdx') 는 모델에 담은 postIdx를 html에서 EL로 받고
js에서 읽는 방식인 걸까?

: HTML은 EL로 서버 데이터를 받아서 value에 넣고 JS는 그 value를 읽는 것이지
  JS가 ${post.postIdx}를 직접 읽는 게 아니다.
 (JS는 JSP가 이미 ${postIdx}를 실제 숫자로 치환해서 만들어놓은 HTML의 value 값을 읽는 것)

✍🏻 정리
‣ 서버: 숫자 123을 종이에 적어서 JSP에게 줌
‣ JSP: 그 숫자를 HTML에 그대로 적어 넣음
‣ JS: 이미 적혀 있는 123을 읽는 것