백고등어 개발 블로그

오늘 한 일 자바스크립트의 고차함수에 관해서 학습했다. 고차함수란? 한개 이상의 함수가 인자로 전달되거나 함수를 리턴시키는 함수를 의미한다. 즉, 세 가지로 방식이 있다 함수를 리턴하는 함수 함수를 인자로 받아 대신 실행하는 함수 함수를 대신 실행하는 함수를 리턴하는 함수 자바스크립트에서 함수는 일급 객체로 취급한다. return 을 통해 숫자, 문자열 뿐만아니라 함수도 반환할 수 있다. 고차함수를 사용하면 함수를 인자로 받는 함수를 만들 수 있다.

오늘 한 일 코드 스테이츠 twittler 스프린트 관제를 진행했다. JS를 통해 DOM 조작과 로컬 스토리지를 다루었다 추가로 moment.js 라이브러리를 사용하여 comment 작성 시간을 표현하였다

이벤트 : 웹 브라우저에서 웹 문서에 특별한 일이 있을 때 발생하는 신호 이벤트 핸들러 : DOM 객체에 할당되어 해당 객체의 이벤트 반응에 호출되어 처리되는 프로퍼티 이벤트 핸들러 역할 : 이벤트 발생 감지 -> 이벤트 감지 -> 지정된 자바스크립트 코드 또는 함수 호출 이벤트 종류 1. 마우스 관련 onclick // 마우스 클릭 감지 onmousedown // 마우스 단추 눌렸는지 감지 onmouseup // 눌려젔던 마우스 단추가 올려졌는지 감지 onmouseover // 커서가 특정 객체 위에 있는지 감지 onmouseout // 커서가 특정 객체에서 벗어났는지 감지 onmousemove // 마우스 커서 이동 감지 2. 로딩 관련 onload // 이미지 또는 화면 로딩이 완료됬는지 감지 on..

자바스크립트를 사용하면 DOM 의 모든 노드들을 생성, 수정, 삭제, 복사, 이동 할 수 있습니다. DOM 노드를 제어하는데 필요한 모든 속성과 메서드를 제공하기 때문에 메서드와 속성의 갯수가 많기 때문에, DOM 을 제어할 때 적절한 메서드를 사용해야 원하는 결과를 얻을 수 있습니다. 자바스크립트의 노드 제어를 위한 속성과 메서드들을 알아보겠습니다. 메서드, 속성 타입 설명 appendChild() DOM 메서드 선택한 엘리먼트의 자식 엘리먼트 중 마지막 엘리먼트 뒤에 추가함. DOM 메서드로 엘리먼트(노드) 객체만 사용 가능 붙인 노드 오브젝트가 반환됨. 노드 1개만 추가 수 있음. remove() DOM 메서드 현재 엘리먼트를 삭제. 삭제할 엘리먼트의 참조만 있으면 됨. 인터넷 익스플로러 미지원 r..

오늘 한 일 Javascript 과 DOM을 통한 HTML 조작에 관해서 학습했다. JS + DOM 을 통해 HTML의 요소에 접근할 수 있고, 요소(노드)를 추가, 삭제하거나 기존의 요소(노드)에 자식 요소(노드)를 추가하거나 삭제할 수 있다 DOM 노드의 생성, 수정, 삭제 자바스크립트를 사용하면 DOM 의 모든 노드들을 생성, 수정, 삭제, 복사, 이동 할 수 있습니다. DOM 노드를 제어하는데 필요한 모든 속성과 메서드를 제공하기 때문에 메서드와 속성의 갯수가 많기 whitemackerel.tistory.com 노드란? 노드란 무엇인가? 노드란 네트워크에서 특정 지점을 가리키는 말입니다. 그림을 보면 좀 이해가 가실 것입니다. DOM에서도 비슷합니다. 문서는 곧 노드의 집합이고 문서라는 나무 위에..