Vue 프로젝트를 시작하는데 index.html 파일을 살펴보면서
<head>섹션에는 어떠한 것들이 들어갈까 살펴보기 위해 공부를 시작하였다.
그렇게 살펴보던 중 title 태그 부분에 다음과 같은 형태로 값이 들어가 있는 것을 확인할 수 있었다.
<title><%= htmlWebpackPlugin.options.title %></title> 여태까지의 html 파일에서의 title 태그 사이에 들어가는 값이 브라우저에서 열었을 때 탭의 제목임을 확인할 수 있었는데,
그렇지 않았기 때문에 <% 가 무슨 역할을 하는지 알아보고자 하였다.
<% 와 <script 의 차이
처음 검색결과로, 다음의 정보를 먼저 찾을 수 있었는데 script 태그는 기존에도 많이 봐왔었고 그 사용새도 알고있었다.
<%는 JSP코드 중 JAVA코드를 사용하기 위한 태그로써, 서버 부분에서 사용되는 부분입니다.
script는 스크립트 부분으로써 사용자에게 HTML 로 전송된 이후에 실행되는 부분이다. (서버단에서 실행되는 것이 아닌)
JSP 태그
https://codevang.tistory.com/197
<% 와 같은 것을 정확히 JSP태그라고 하며,
JSP는 HTML 기반으로 되어 있기 때문에 JAVA 코드를 넣어서 동작시키려면 JSP 태그 사이에 삽입해야 한다.
그렇다면 JSP는 무엇인가?
JSP(JavaServer Pages)
- HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다.
- JSP가 실행되면 자바 서블릿(Servlet)으로 변환되며 웹 어플리케이션 서버에서 동작됨녀서 필요한 기능을 수해앟고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다.
좋은 서비스는 좋은 데이터로부터 나온다 :)