Blog

JSP ? JavaScript ?

어느순간 JSP와 JavaSCript가 혼란스러운 순간이 옵니다
특히, JavaScript의 약자가 JSP가 될 수도 있는 알파벳을 모두 가지고 있어서 그렇죠.

JSP vs JavaScript 차이

JSP와 JavaScript는 명백히 다릅니다
JavaScript는 HTML을 제어하는 언어이자 웹브라우저(클라이언트)에서 실행되는 언어입니다
한번 출력되면 고정되는, 정적인 웹페이지(HTML)를 사용자와 상호작용하는 동적인 웹페이지로 만들어주죠
예를들어, 버튼을 클릭해서 웹페이지를 주간/야간 모드로 바꾸는 예시가 있겠네요 (생활코딩 WEB2 JavaScript

반면, JSP는 서버에서 실행되는 언어입니다

전체이름도 JavaScriPt가 아니라 Java Server Page입니다

HTML 속에 Java코드가 존재하는 방식으로 아래와 같이 구성됩니다. 

  <% 소스코드 %>

  <%= 소스코드  =%>

JSP의 파일 확장자는 .jsp 파일입니다

사용자의 요청을 JSP로 받아서 JSP로 응답을 하는 것과 같은 동적 프로그래밍을 위해 사용합니다

HTML Event Handler

HTML Event Handler

HTML을 구성하는 대표적인 요소는 태그(Tag)와 속성(Attribute) 입니다

속성 중에서 이벤트 핸들러(Event Handler)에 대해 1분 핵심요약을 해드리겠습니다

이벤트 속성(Event Attribute)라는 말을 사용하기도 하지만 w3.org 용어는 Event Handler 입니다

[1] 이벤트 핸들러는 이름이 항상 "on"으로 시작하고 그 뒤에 이벤트 이름이 옵니다.

예를들어, 마우스 클릭에 대한 이벤트 핸들러는 "onclick"

키보드 키를 눌렀을 때에 대한 이벤트 핸들러는 "onkeydown", "onkeypress" 가 있습니다

* onkeydown과 onkeypress의 차이는 onkeydown은 키를 눌렀을 때 한번만 실행이 되고 onkeypress는 키를 눌렀을 때 실행되고, 누르고 있으면 계속 실행이 된다는 것입니다

[2] 이벤트 핸들러의 값은 JavaScript 입니다

이벤트 핸들러의 값은 3가지 중 하나입니다

1) onclick = "" 

2) onclick = "myFunction()"

3) onclick = "alert('Hello JavaScript')"

NULL이거나 콜백 객체이거나 JavaScript 소스코드이거나 입니다.

간단하게 요약하자면, 이벤트 핸들러의 값은 NULL이거나 JavaScript 입니다

[3] 사용방법 및 예제 (Custom)

HTML Event Handler 에 대한 기본설명은 이정도면 충분히 알게 되신 겁니다

상세한 HTML Specification을 읽고싶은 분을 위해 링크를 남겨둘게요

Reference : https://www.w3.org/TR/html51/webappapis.html#event-handler (Definition)

Reference : https://www.w3schools.com/tags/ref_eventattributes.asp (Event Attributes 종류 ★★)

HTML Color Code 에 대해 유용하게 사용했던 사이트도 알려드릴게요 : >

Reference : https://htmlcolorcodes.com/ (Basic)

Reference : https://www.colorhexa.com/ (Seach color★)

Reference : https://www.w3schools.com/colors/colors_picker.asp (Practice)