JavaScript는 type이 불명확하므로 문서화를 통해 그 상세정보를 남겨야 한다. 그러나 소스코드와 분리된 문서는 사실상 그 활용가치가 매우 떨어진다. 소스코드와 일원화된 방식으로 문서화가 되려면 주석 을 사용해야 한다. 아래는 어떤 클래스의 특정함수에 대한 주석을 통한 문서화에 대한 간단한 예시이다. /** * todo 항목을 추가한다. ...
[Javascript] var let const 차이
ES6는 var 키워드의 단점을 보완하기 위해 let과 const 키워드를 도입하였다. var let const 를 아래와 같은 세 가지 기준으로 비교할 수 있다. 1)변수 값의 변환 2)변수의 유효범위 3)호이스팅 1) 변수 값의 변환 var를 사용하면 변수 선언의 경우 할당되는 값이 유동적으로 변경될 수 있는 단점을 가지고 있...
[Javascript] innerText와 innerHTML 차이점
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)이라 한다. 이처럼 배열의 요소는 동일한 크기를 갖으며 빈틈없이 연속적으로 이어져 있으므로 아래와 같...