완주를 향하여

text interpolation이 충돌하는 경우 jsp의 EL 표현식(${ ... }) 과 자바스크립트의 템플릿리터럴 문법(${ ... })이 우연히 똑같아서 발생하는 문제 해결방법 서버 컨트롤러에서 jsp에 넘겨준 값인 JSTL를, 자바스크립트 ES6부터 쓰이는 템플릿리터럴(``백틱)과 같이 사용하려면 바깥쪽 ${...} 안에 자바스크립트에서 해석할 코드를 집어넣어야한다. ${ ${...} } 바깥쪽 ${...} 은 서버에서 처리하고, 안쪽 ${...}는 자바스크립트가 처리하게 된다. 배운점 JSTL jsp 엔진은 java단에서 넣어준 데이터를 출력한다 jsp의 EL 처리과정 page, request, session, context 에서 "변수명"이 붙은 값을 찾음 null이면 아무것도 출력하지 않고..

c:forEach에 직접 value값을 입력하는 방식으로만 줄창나게 써오다가 이제 반복문으로 순서도 넣어보기로 했다. 그 과정에서 구글링을 통해 c:set 을 처음 배웠다. 가장 중요한 지식은 서버사이드렌더링 방식인 jsp을 쓸 때 각 데이터들의 동작 순서를 익힌 것! JAVA → jstl → HTML → javaScript 저 순서대로 뿌려지기에 jstl 데이터는 javascript에 할당할 수 있지만, javascript 데이터는 jstl에 할당할 수 없는것 원하는 목표상태는 현재 연도부터 2022년까지 역순으로 셀렉트박스 옵션에 나열되는 것이다. (2023,.. 2022) 아래처럼 하면 항상 올해,작년 이렇게 두 해만 나온다. 심히 단순한 코드다. 좀더 오래오래 써먹을 만한 유지보수성 높은 방식으로..