** <input> 과 <Button> 의 차이
정의
: <Button> 의 defalut 값은 submit 이므로
<input type="submit"> == <button> 기능적으로 동일
목적
: form 에서 submit 기능을 추가하거나 대체하기 위한 수단으로 적합
장점
: input 보다 디자인면에서 매우 자유롭다.
참고
http://nuli.navercorp.com/sharing/blog/post/2038
http://jsunnylab.tistory.com/38
** html5 에서 <table> 속성은 지원하지 않으므로 css를 이용해 만들어야 함
: width, height, border, cellpadding 등 거의 대부분
참고
http://www.homzzang.com/b/html-68?sca=Tables
** xml 수업 내용 관련 공공데이터 사이트
** xml 에서의 Root node란?
: 간단하게 말하면 element가 아니며 문서상의 최상위 element 보다 상위에 있는 document 자체
따라서 Root node는 문서가 생성되면 자동으로 생성되는 것
** div 와 table 의 차이
정의
: 주로 div는 레이아웃 지정 용도, table은 표 제작 용도
코드가 간단하거나 개인사용 목적인 경우 상관없다
div 의 특징
table에 비하여 파일의 용량을 30~50% 정도 절감
코드가 간결하여 유지보수가 쉽고 비용 절감
코드가 많을수록 css 부분만 수정하면 되기에 요즘에 주로 쓰임
웹 접근성 문제는 웹표준만 지키면 대부분 해결 가능
참고
http://egloos.zum.com/likekururu/v/47491
http://naradesign.net/wp/2007/02/03/113/
http://kyleyiweb.blogspot.kr/2013/04/table-div-table.html
** serialize 와 serializeArray
정의
: jQuery Ajax을 사용해 입력 양식을 전송하는 방법 중에 추천방법
첫번째방법
: 입력양식에서 value 속성을 직접 가져온 뒤 URL을 생성
목적 : submit 이벤트가 발생할때 보다는 버튼의 click 이벤트가 실행될 때 사용
두번째방법
: 입력양식에서 value 속성을 가져온 후 value 속성을 이용해 객체를 만들고 param()메서드를 사용해
쿼리로 만든 후에 Ajax와 관련된 메서드의 data 속성에 넣는다
거의 추천하지 않음
세번째방법
: 입력양식에서 value 속성을 가져온 후에 value 속성을 이용해 객체를 만들고 곧바로 Ajax와
관련된 메서드의 data 속성에 집어넣는 방법
목적 : 굉장히 유연하기 때문에 많이 사용하지만 submit 이벤트와 연결하는 경우는 많지 않다
네번째방법 (serialize)
: 입력 양식에 적힌 값을 쿼리 문자열로 바꿔서 간단한 형태로 사용가능
리턴값 : 쿼리 문자열 리턴
다섯번째방법 (serializeArray)
: 입력 양식에 적힌 값을 객체로 만들고 Ajax 관련 메서드의 data 속성에 넣는다.
리턴값 : 배열 리턴
** jQuery 에서 html()과 text() 차이
: html() 함수에서는 html 태그를 태그로 인식
text() 함수에서는 html 태그를 일반 텍스트로 인식
즉 html 코드를 화면에 표시해 보여주고 싶을 때는 text()함수, 그외에는 html()함수 사용