분류 전체보기

● 객체 지향 프로그래밍 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다. 자바스크립트를 이루고 있는 거의 "모든 것"이 객체이다. 원시 타입의 값을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 객체지향 프로그래밍은 실세계의 실체를 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작된다. 실체는 특징이나 성질을 나타내는 속성을 가지고 있고, 이를 통해 실체를 인식하거나 구별할 수 있다. const circle = { radius: 5, // 반지름 // 원의 지름: 2r getDiameter() { return 2 * this.radius; }, // 원의 둘레: 2πr getPerimeter() { retu..

● 오늘 공부한 것 Mini Hackathon My Agora States ddaeunbb.github.io 자꾸 블로깅이 밀렸었는데, 그 이유는••• 새벽3시까지 코딩하다 자서 밀리게되었읍니다.. 지속적인 공부로 인해 블로깅할 시간 조차 없었다는 사실.. 그것이 믿기십니까? ● 끝맺음 느낀점 페이지네이션을 구현해내다니.. 장족의 발전이다. 검색기능도 넣고싶었는데, 시간이 모잘라 아쉬웠다. 모던자바스크립트의 DOM 파트를 읽고 프로젝트에 참여했었는데, 역시 어떤 코드를 짜던지 간에 원리를 이해하면 매우 쉽게 접근할 수 있다고 깨달았다. 최고다. DOM을 이전보다 확실히 자유자재로 다룰 수 있게 되었다.. 역시 꾸준한 노력이 답이다. 수업이외의 학습 페이지네이션 페어(?)와 함께 5시간동안 코드짬.. 새..

● 이벤트전파 캡쳐링 단계 : 이벤트 객체가 생성되면 window부터 시작해서 이벤트 타깃방향으로 전파된다 타깃 단계 : 이벤트 객체가 이벤트를 발생시킨 이벤트 타깃에 도달함 버블링 단계 : 다시 이벤트 타깃부터 window 방향으로 전파 Apple Banana Orange 두 번째, banana를 클릭하면 아래와 같이 출력된다. 해석을 해보자면.. 일단 addEventListener는 타깃단계와 버블링 단계를 캐치할 수 있기 때문에, banana를 누르니까 버블링을 통해 위의 이벤트 핸들러가 실행되는 것이다. 그리고 currentTarget은 이벤트 핸들러를 호출한 이벤트 타깃을 가르키고, target은 이벤트를 발생시킨, 즉 마우스 커서가 누른 타깃을 가르킨다. // 3 // Banana // // ..

● 오늘 공부한 것 DOM #DOM(3) - 어트리뷰트 ● 어트리뷰트 attributes 프로퍼티 HTML 문서의 구성 요소인 HTML 요소는 여러 개의 속성을 가질 수 있음. HTML 요소의 동작을 제어하기 위한 추가적인 정보를 제공. 글로벌 어트리뷰트와 이벤트 핸들 ddaeunbb.tistory.com 이벤트 #이벤트(1) ● 이벤트 드리븐 프로그래밍 이벤트가 발생했을 때, 호출될 함수를 이벤트 핸들러라고 한다. 이벤트가 발생했을 때, 호출을 위임하는 것을 이벤트 핸들러 등록이라고 함. ● 이벤트 타입 ○ 마 ddaeunbb.tistory.com #이벤트(2) ● 이벤트전파 캡쳐링 단계 : 이벤트 객체가 생성되면 window부터 시작해서 이벤트 타깃방향으로 전파된다 타깃 단계 : 이벤트 객체가 이벤트..

● 이벤트 드리븐 프로그래밍 이벤트가 발생했을 때, 호출될 함수를 이벤트 핸들러라고 한다. 이벤트가 발생했을 때, 호출을 위임하는 것을 이벤트 핸들러 등록이라고 함. ● 이벤트 타입 ⚬ 마우스 이벤트 이벤트 타입 이벤트 발생 시점 click 마우스 버튼을 클릭했을 때 dbclick 마우스 버튼을 더블클릭했을 때 mousedown 마우스 버튼을 눌렀을 때 mouseup 누르고 있던 마우스 버튼을 놓았을 때 mousemove 마우스 커서를 움직였을 때 mouseenter 마우스 커서를 HTML 요소 안으로 이동했을 때 (버블링X) mouseover 마우스 커서를 HTML 요소 안으로 이동했을 때 (버블링O) mouseleave 마우스 커서를 HTML 요소 밖으로 이동했을 때 (버블링X) mouseout 마..

● 어트리뷰트 attributes 프로퍼티 HTML 문서의 구성 요소인 HTML 요소는 여러 개의 속성을 가질 수 있음. HTML 요소의 동작을 제어하기 위한 추가적인 정보를 제공. 글로벌 어트리뷰트와 이벤트 핸들러 어트리뷰트는 모든 HTML에서 공통적으로 사용 가능. type, value, checked 어트리뷰트 등 특정 HTML 요소에만 한정적으로 사용가능한 어트리뷰트도 있음. 어트리뷰트 노드 HTML 문서가 파싱될 때 HTML 요소의 어트리뷰트는 어트리뷰트 노드로 변환되어 요소 노드와 연결된다. 이 때 HTML 어트리뷰트당 하나의 어트리뷰트 노드가 생성됨. ex) 면, 3개의 어트리뷰트 노드가 생성됨 //요소 노드의 attribute 프로퍼티는 요소 노드의 모든 어트리뷰트 노드의 참조가 담긴 //..