백고등어 개발 블로그

한 달이라는 시간을 나름 바쁘게 보냈던 것 같다 처음 과정을 시작했을 땐 우선 분위기에 적응하자라고 생각했지만 분위기에 적응하고나니 이제는 여러가지 문제와 과제들에 적응하느라 바쁘게 지냈다 프리코스 과정이 거의다 끝나갈 무렵엔 프로그래밍의 기본기를 어느정도 알게 되었고, 여러 사람들과 문제를 풀어 보며 소통하는 과정에서 프로그래밍에 대한 다양한 생각을 들을 수 있었고 협업하는 방법에 대해서도 알게 되었다 비록 비대면 온라인이지만 많은 사람들을 만날 수 있었고 함께 소통하면서 혼자가 아닌 함께 문제를 해결해 나간다는 것이 어떤 느낌인지 알게 되었다 - 이머시브 과정 시작전 생각 그동안의 기초과정동안 가장 부족했던 점이 있다면 여러가지가 있지만 그중에서 모르는 것과 아는 것을 제대로 구분하지 못해서 시간을 ..

오늘 한 일 자바스크립트의 고차함수에 관해서 학습했다. 고차함수란? 한개 이상의 함수가 인자로 전달되거나 함수를 리턴시키는 함수를 의미한다. 즉, 세 가지로 방식이 있다 함수를 리턴하는 함수 함수를 인자로 받아 대신 실행하는 함수 함수를 대신 실행하는 함수를 리턴하는 함수 자바스크립트에서 함수는 일급 객체로 취급한다. 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..