천방지축 개발노트

자바스크립트를 공부하다 보면 프로퍼티(Property)라는 개념이 등장하는데, 대충 넘겨짚고만 있었다가 상황마다 불리는 용어가 구분되는 등 미묘한 차이가 있음을 깨닫고 이번에 정리해봤습니다. 변수와 속성 두 개념과 각각 비교되는데, 어떠한 차이가 있는지 보겠습니다. 실행 컨텍스트와 변수객체(VariableObject) 우선 자바스크립트에서 코드는 크게 Global Context(전역)와 Function Context(함수 영역)에서 실행된다. Global Context란 브라우저의 window 객체와 같이 전체 코드에서 1개만 생성되며, Function Context는 각각의 함수 호출마다 생성된다. 이렇게 실행된 컨텍스트들은 각각 변수객체(VariableObject, VO)를 가지는데, 여기에 우리가 ..

보통 form내의 input태그 값들을 Ajax를 이용해 서버로 보내기 위한 과정에서 serialize() 함수를 이용해왔다. 근데 이번에 checkbox가 무수히 많이 필요한 화면 개발을 하면서 serialize()는 checkbox의 체크된 값만 적용되며, 체크되지 않은 값은 무시한다는 것을 알게 됐다. 아래는 serialize() 함수에 대한 jQuery API 공식문서의 일부이다. 여기서 우리의 문제를 해결해 줄 포인트로, jQuery serialize는 ① 오직 form태그에 포함되어 있는 요소들만을 취급한다는 것과 ② input태그의 "radio"와 "checkbox"타입에서 체크 표시가 된 값만 포함한다고 나와있다. 즉, serialize()는 checkbox에서 체크되지 않은 값은 제외한다..