JSP : Java Server Page // java를 사용하는 html Spring : Java 플랫폼을 위한 어플리케이션 프레임 워크 프레임워크란? 개발자들이 생산하는 코드 품질 및 개발 속도를 맞추기 위해 정해진 표준 개발 방법을 제공해주는 어플리케이션 개발할 때 설계 기본이 되는 뼈대나 구조 또는 환경 마련 WAS (web application server) : java의 어플리케이션 (JSP) 을 처리하기 위한 서버 // jsp, spring은 apache에서는 동작X DB 조회나 다양한 로직 처리를 위해 동적 컨텐츠를 제공하기 위해 만들어진 application server Web server + web container : was는 jsp, servlet 구동 환경을 제공 WAS의 대표적인..

jQuery javascript의 library javascript 보다 더 간단, 직관, 편리 jquery 를 다운 받아야 사용가능하다. jQuery syntax : $(selector).action() $ : define or access jQuery selector this : the current element “p” : tag의 경우 기호 없이 그대로 적음 “.class” : class의 경우 . 붙임 “#id” : id의 경우 #붙임 jQuery Event click() : 마우스 왼쪽 버튼을 눌렀을 때 dbclick() : 더블 클릭 했을 때 mouseenter() : element위로 마우스 커서가 올라왔을 때 mouseleave() : element 위에서 밖으로 마우스 커서가 나갔을 때..

html form validation을 javascript로 확인할 수 있다. document.forms["form_name"]["element_name"].value : 해당 element가 받은 값을 retun form 속성에 onSubmit="return 함수명()"을 추가하면 submit 할때마다 해당 함수에 따라 검사를 한다. //또는 버튼에 onclick="함수명" 호출한 함수에서 입력값의 유효성이 어긋난 것을 알게 될 경우 alert("message");로 경고창을 띄우고 return false form이 아닐경우 -> document.getElementById("id값").value required: 입력값의 유무만을 판별, element (input,select) 속성에 추가 예시 : 변..

Callback function 정의 다른 함수의 매개 변수(인자) 로 사용되는 함수 어떤 특정 시점(이벤트가 발생했을 때) 호출되는 함수 // 이벤트 예시 : 클릭 예시) 코드 참고 https://www.w3schools.com/js/js_array_iteration.asp JavaScript Array Iteration JavaScript Array Iteration Methods Array iteration methods operate on every array item. Array.forEach() The forEach() method calls a function (a callback function) once for each array element. Example var txt = ""; v..

Javascript The programming language of HTML and the Web. 웹페이지의 액션을 지정한다. HTML의 content를 바꿀 수 있다. -> getElementById(“id”).innerHTML or src HTML의 style을 바꿀 수 있다. -> getElementById(“id”).style.[display, …] Javascript 위치 Inline : 태그 속성안에 Inner : or 에서 external : 외부 파일 ( 한 페이지에서 여러 외부 파일 사용 가능) 태그안에 코딩한다. 태그를 적는 방법은 css와 마찬가지로 3가지가 있다. (ex. var y = new String(“John"); //typeof y => object x.length : ..

CSS css파일 또는 내 에서 페이지의 전반적인 디자인을 꾸밀수 있다. 경우에 따라 부호가 다르니 주의! (. 또는 # 또는 없음 …) 클래스에 따라 적용 id에 따라 적용 한 태그 전체 적용 태그의 특정 클래스 적용 모든 html element 적용 여러 개 묶음도 가능 Css를 사용하는 방법이 여러가지가 있는 데, 크게 inline, internal, external 있는 데 동시에 사용할 때 우선순위는 inline > internal > external 이다. CSS 주석처리( comments ) : /*내용*/ 이렇게 한다 Background image 설정 Background-image : image 등록 Background-repeat : image를 어떻게 반복할 것인가? backgroun..

HTML Form 속성 Action : form이 제출되었을 때, action을 설정 Target : 제출했을 때 결과를 기존 페이지에 보여줄 지(default : _self), 새로운 브라우저를 열지(_blank) method : data를 전송할 때 사용할 함수 (get/post) :-> 값을 url 창에 보여줄지 숨길지 결정! (보이기: get, 숨기기: post) Text : 텍스트 값을 입력받는 필드 Radio : radio button으로 보여지는 필드 Submit : submit 버튼으로 보여지는 필드 : 유저의 입력값을 받기 위한 html form을 만드는 태그 : type에 따라 다양한 형식으로 입력값을 받는다. : form의 input틀에 이름을 붙이는 태그, 어떤 정보를 입력하는 지 ..

: 해당 태그의 content가 웹페이지에 보여진다. 속성 style -> background로 페이지 배경색 설정 가능 내용—> : 주석처리 태그 : 제목처럼 굵게 표시하는 태그, 1~6 까지 가능하고 숫자가 커질수록 글씨 크기가 줄어든다. : 문단 태그, 하나의 문단을 표시한다. 해당 태그는 종료 태그없이 돌아가지만, 예상치 못한 오류가 발생할 수 있으니 잊지 말고 표시하자! 속성 style : 내용의 font, color, size 등을 지정할 수 있다. color의 경우 글자색을 변경하고 background color는 글자의 배경색을 변경한다. title : tooltip을 보여 준다. 텍스트에 커서를 올리면 확인할 수 있다. ‘’안에 내용을 적으면 “”을 페이지에 보이도록 할 수 있고, “”를..