innerText와 innerHTML은 단순한 텍스트만 다룰 경우에는 차이가 없어 보인다. 이 두 속성은 다루는 값이 text element인지, html element인지에 따라 차이가 난다. 값 가져오기 (innerText vs innerHTML) element.innerText; element 안의 text 값들만을 가져옵니다. elemen...
[HTML] 인라인요소와 블록요소 구분하기
HTML 태그는 크게 블록 요소(block element)와 인라인 요소(inline-element)로 나누어 진다. 이 부분을 명확히 이해하고 있어야 CSS 를 사용하는데 어려움이 없다. 각 두 요소 모두 적용되는 CSS가 별도로 존재한다. 예를 들어, 블록 요소는 text-align, vertical-align 이 적용되지 않는다. ...
[Frontend] jekyll블로그에 codepen 삽입하기
See the Pen hello by jeonyoungho (@jeonyoungho) on CodePen. 출처 https://0xd00d00.github.io/2021/07/06/embedCodepen.html
[PoiemaWeb] 5.33 이벤트
2. 이벤트 루프(Event Loop)와 동시성(Concurrency) 브라우저는 단일 쓰레드(single-thread)에서 이벤트 드리븐(event-driven) 방식으로 동작한다. 단일 쓰레드는 쓰레드가 하나뿐이라는 의미이며 이말은 곧 하나의 작업(task)만을 처리할 수 있다는 것을 의미한다. 하지만 실제로 동작하는 웹 애플리케이셩ㄴ은 많은 ...
[PoiemaWeb] 5.32 동기식 처리 모델 vs 비동기식 처리 모델
출처 https://poiemaweb.com/js-async
[PoiemaWeb] 5.31 문서 객체 모델(Document Object Model)
출처 https://poiemaweb.com/js-dom
[PoiemaWeb] 5.30 배열 고차 함수
고차 함수(Higher order function)는함수를 인자로 전달받거나 함수를 결과로 반환하는 함수를 말한다. 다시 말해, 고차 함수는 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환한다. 자바스크립트의 함수는 일급 객체이므로 값처럼 인자로 전달할 수 있으며 반환할 수도 있다. // 함수를 인자로 전달받고 함수를 반환하는 고...
[PoiemaWeb] 5.29 자바스크립트 배열은 배열이 아니다
일반적으로 배열이라는 자료 구조의 개념은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료 구조를 말한다. 즉, 배열의 요소는 하나의 타입으로 통일되어 있으며 서로 연속적으로 인접해 있다. 이러한 배열을 밀집 배열(dense array)이라 한다. 이처럼 배열의 요소는 동일한 크기를 갖으며 빈틈없이 연속적으로 이어져 있으므로 아래와 같...
[PoiemaWeb] 5.28 배열
배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다. 배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.prototype이다. 1. 배열의 생성 1.1 배열 리터럴 0개 이상의 값을 쉼표로 구분하여 대괄호([])...
[PoiemaWeb] 5.27 String 레퍼 객체
String 객체는 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 String 객체의 별도 생성없이 String 객체의 프로퍼티와 메소드를 사용할 수 있다. 원시 타입이 wrapper 객체의 메소드를 사용할 수 있는 이유는 원시 타입으로 프로...