Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned DOM DOM (Document Object Model )은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다. 1. 노드 - HTML요소와 노드 객체 HTML 요소는 렌더링 엔진에 의해 파싱되어 DOM을 구성하는 요소 노드 객체로 변환된다. 이때 HTML 요소의 어트리뷰트는 노드로, HTML 요소의 텍스트 콘텐츠는 텍스트 노드로 변환된다. HTML 문서는 위와 같은 요소들의 집합으로 이뤄지며, 요소 간에는 중첩 관계에 의해 계층적인 부자(부모)관계가 형성 된다. 이러한 관계를 반영하여 모든 노드 객체들을 트리 자료구조로 구성하며 이것을 DOM 또는 DOM 트리라고 한다. 최상위의 부..

❤️‍🔥TIL : Today I Learned 사전적 정의 property : 소유물 attribute : 속성 프로퍼티 어트리뷰트 내부 슬롯과 내부 메서드 프로퍼티 어트리뷰트를 이해하기 위해 먼저 내부 슬롯과 내부 메서드의 개념을 알아보자. ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드 이다. 이중 대괄호 로 감싼 이름들이 내부 슬롯과 내부 메서드다. ( [[...]] ) 이들은 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 공개된 객체의 프로퍼티는 아니다. 즉 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 직접 접근하거나 호출할 수 없다. 그러나 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 ..

❤️‍🔥TIL : Today I Learned 함수는 마치 재료를 투입받아 제품을 생산하는 기계와 같다. 함수 자바스크립트에서 가장 중요한 핵심 개념 [스코프, 실행 컨텍스트, 클로저, 생성자함수에 의한 객체 생성,메서드, this, 프로토타입, 모듈화] 등이 모두 함수와 깊은 관련이 있다. 함수란 함수는 일련의 과정을 문(statement)으로 구현하고, 코드블록으로 감싸서 하나의 실행단위 로 정의한 것 이다. 여기서 자주 햇갈리는 내용인 매개변수와 인수가 있다. 매개변수(parameter)는 함수를 선언(정의)할 때 사용하는 변수를 의미한다. 인수(argument)는 함수를 호출할때, 즉 입력될 때 넣는 값을 인수라고 한다. 함수 정의 함수를 정의는 다양한 방법이 있지만 함수 선언문을 사용하여 정의한..

❤️‍🔥TIL : Today I Learned 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다. 제어문(control flow statement) 조건에 따라 코드 블록을 실행(조건문)하거나, 반복실행(반복문)할 때 사용한다. 블록문(block statement) 0개 이상 의 문을 중괄호로 묶은 것으로, 코드 블록 또는 블록이라고 부르기도 한다. { } 문의 끝에는 세미콜론을 붙이는 것이 일반적이다. 하지만 블록문은 언제나 문의 종료를 의미하는 자체 종결성을 갖기 때문에 블록문의 끝에는 세미콜론을 붙이지 않는다. // 블록문 { var foo = 10; } // 제어문 var x = 1; if (x < 10) { x++; } // 함수 선언문 function sum(a, b) { ret..

❤️‍🔥TIL : Today I Learned 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 변수란 무엇인가? 왜 필요한가? 애플리케이션은 데이터를 다룬다. 아무리 복잡해도 데이터를 입력(input)받아 처리하고, 결과를 출력(output)하는 것이 전부다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리 메모리(memory)는 데이터를 저장할 수 있는 메모리셀의 집합체다. 1바이트 단위로 데이터를 저장(save)하거나 읽어(read) 들인다. 각 셀은 그림의 왼쪽에 보이는 것 처럼 메모리 주소를 갖는다. 메모리 공간의 위치를 나타낸다. 컴퓨터는 모든 ..