html-js

• <input type="button">

js

• location : 브라우저에서 지원하는 기본객체

• location.href="주소" : 해당 주소로 이동

  onclick + location.href 를 통해 태그에 페이지 이동 기능을 넣을 수 있다.

• form 객체 가져오기
  1.document.class명
  2.document.getElementById(id명)
  3.document.forms[class명]

• var : 자바스크립트 변수 선언 (자바스크립트는 기본적으로 타입 없음)
  var 없이 쓰면 전역변수 (=글로벌 변수)

• innerHTML : 태그 사이에 들어가는 값 (태그 내부 html 코드)

• form 객체 안의 객체 가져오기
  1.document.form의class명.내부객체의class명
  2.form객체명[idx] : 내부의 입력양식(태그)만 가져올 수 있음

• isNaN() : 패러미터가 숫자가 아닌 것을 확인 (not a number)

  대괄호 혹은 .으로 멤버변수 (내부 태그) 가져올 수 있음

onsubmit

• submit하는 순간에 실행

	<script>
      function checkSubmit() {
		
      }
    </script>
	<form name="myForm" onsubmit="return checkSubmit()">

• return으로 boolean -> submit 할지 말지 결정

연산기호

• ==/!= : 타입을 일치시킨 후 값이 같은지 확인
• ===/!== : 타입이 같은지도 확인

최근에는 html 바디 끝에 script를 넣는 추세
스크립트는 위에서부터 차례로 읽기 때문에, 순서에 따라 변수에 값이 들어갈수도 아닐수도 있다.

if문의 조건부에 boolean값 이외에도 넣기 가능
("", null, undefined, NaN, +0, -0, false 이면 false)

변수 function()

• js는 function을 변수에 할당할 수 있음
• ?? 콜백과 비슷??
• arguments : function에 들어오는 파라미터 배열

배열

• js의 배열은 대괄호[]로 지정
• 원소 타입 관계x
• 크기 변경 가능 (list와 비슷)

---

스프링MVC

• DispatcherServlet <- FrontController 패턴
• modelAndView 반환
  -> model : request parameter (jsp에 필요한 정보가 담겨잇음)
  -> view : jsp page