● 오늘 공부한 것 일급객체 [18장 함수와 일급객체] ● 일급객체 다음과 같은 조건을 만족하는 객체를 일급 객체라 한다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성 가능하다. 변수나 자료구조에 저장할 수 있다. (객체, 배열) 함수의 매 ddaeunbb.tistory.com 고차함수 고차함수는 이전에 정리해둔 것이 있어서 .. 꽤나 기뻤읍니다.. 매도 먼저맞아야한다고.. 알고리즘 문제를 풀었는데, 그래도 꽤나 수월하게 풀어 다행이었다. 예전에 한달동안 고차함수만 앉아서 문제풀었던 적이 있었기 때문에, 다시 리마인드와 복습을 하는 좋은 기회였다. 빌트인객체 [21장 빌트인 객체] ● 빌트인 객체 표준 빌트인 객체 : 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며, 애플..
CodeStates BootCamp
● 오늘 공부한 것 기술면접준비하기 HTML 일반적으로 CSS를 불러오기 위해 요소를 요소의 자식 요소로 하고, JavaScript를 불러오기 위해 요소를 요소가 끝나기 직전에 위치시키는 이유가 무엇인가요? 페이지가 로드될 때, HTML와 CSS 파일은 동시에 파싱됩니다. 파싱이 되면서 HTML은 DOM트리를 구축하고, CSS는 CSSOM을 구축하게 됩니다. 이런 과정을 통해 first meaningful paint를 함으로써, 유의미한 정보가 담긴 화면을 최대한 빠르게 보여줄 수 있습니다. 만약, 태그가 중간이나 마지막에 위치시킨다면, 좋지않은 UX경험을 제공할 수 있습니다. css가 적용되지 않은 html 문서를 보여줄 수 있습니다. 이전의 요소들에 스타일링을 입혀야하므로 재렌더링이 진행됩니다. 이..
● 오늘 공부한 것 Mini Hackathon My Agora States ddaeunbb.github.io 자꾸 블로깅이 밀렸었는데, 그 이유는••• 새벽3시까지 코딩하다 자서 밀리게되었읍니다.. 지속적인 공부로 인해 블로깅할 시간 조차 없었다는 사실.. 그것이 믿기십니까? ● 끝맺음 느낀점 페이지네이션을 구현해내다니.. 장족의 발전이다. 검색기능도 넣고싶었는데, 시간이 모잘라 아쉬웠다. 모던자바스크립트의 DOM 파트를 읽고 프로젝트에 참여했었는데, 역시 어떤 코드를 짜던지 간에 원리를 이해하면 매우 쉽게 접근할 수 있다고 깨달았다. 최고다. DOM을 이전보다 확실히 자유자재로 다룰 수 있게 되었다.. 역시 꾸준한 노력이 답이다. 수업이외의 학습 페이지네이션 페어(?)와 함께 5시간동안 코드짬.. 새..
● 오늘 공부한 것 DOM #DOM(3) - 어트리뷰트 ● 어트리뷰트 attributes 프로퍼티 HTML 문서의 구성 요소인 HTML 요소는 여러 개의 속성을 가질 수 있음. HTML 요소의 동작을 제어하기 위한 추가적인 정보를 제공. 글로벌 어트리뷰트와 이벤트 핸들 ddaeunbb.tistory.com 이벤트 #이벤트(1) ● 이벤트 드리븐 프로그래밍 이벤트가 발생했을 때, 호출될 함수를 이벤트 핸들러라고 한다. 이벤트가 발생했을 때, 호출을 위임하는 것을 이벤트 핸들러 등록이라고 함. ● 이벤트 타입 ○ 마 ddaeunbb.tistory.com #이벤트(2) ● 이벤트전파 캡쳐링 단계 : 이벤트 객체가 생성되면 window부터 시작해서 이벤트 타깃방향으로 전파된다 타깃 단계 : 이벤트 객체가 이벤트..
● 오늘 공부한 것 DOM #DOM(1) ● DOM - DOM(Document Object Model)로 HTML을 Object요소처럼 조작할 수 있는 Model이다. 즉, DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 프로퍼티와 메서드를 제공하는 트리 자 ddaeunbb.tistory.com #DOM (자식노드와 부모노드의 존재 확인 + 형제노드) ● 자식노드의 존재 확인 자식(child) 노드 탐색 childNodes : 자식 노드 목록을 NodeList 형태로 리턴합니다. firstChild : 자식 노드 중, 첫번째 자식 노드를 리턴합니다. lastChild : 자식 노드 중, 마지막 자 ddaeunbb.tistory.com ● 끝맺음 느낀점 ㅜ ㅜ 뭐야 시..
● 오늘 공부한 것 클로저 # 클로저 (closure) ● 클로저 - 클로저란 '함수와 그 함수가 선언된 렉시컬 환경과의 조합이다.' 사실 정의만보면 이해하기에 난해한 개념이라고 한다.. ^^ 사실 맞는 것 같다. 하지만 여기서 중요한 건 함수가 선언 ddaeunbb.tistory.com const adder = x => { return y => { return x + y } } console.log(adder(50)(10)) // 60 const subtractor = x => y => { return x - y } console.log(subtractor(50)(10)) // 40 위와 같이 클로저는 입력 값 받는 걸 기다리는 식으로 진행될 수 있다. ● 놓치고 있던 것 const arr = [1,2..
