Javascript

“패스트캠퍼스 웹 개발 강의 1주차: 화면만들기” 강의를 진행하면서 실습 코치님이 전달해 주신 “자기 계발 TIME”을 위한 첫 번째 링크!바로 시맨틱 마크업에 대한 블로그 링크였다!시맨틱(Semantic)이란 “의미의, 의미론적인” 이라는 뜻을 가진 단어이다.즉, H

“패스트캠퍼스 웹 개발 강의 1주차: 화면만들기” 강의 수강을 시작했다❗️첫 강의는 1주차에 배울 것들에 대해서 알려주시기 위해 “웹사이트의 구성원리”에 대해 간단히 먼저 설명해주셨다.앞으로 배울 HTML, CSS, Javascript로 웹 페이지를 만들면서 무시할 수

앞 장에서 HTML의 파싱한 결과인 DOM 트리에 대해 알게되었다.DOM에 대해 깊게 공부하기 위해 선택한 책은 DOM Enligntenment!공부하며 정리하고자 했는데 첫장부터 이해가 가지 않는 부분이 생겨 한번 정리하고 넘어가려고 한다.Node와 Element의

“(1) 내가 작성한 코드 → 웹 화면에 나오기까지 - 브라우저 렌더링 과정” 작성을 위해 브라우저 렌더링 과정을 검색 하다가 HTML 파서를 간단히 구현한 분의 글을 읽었다!🫢바로 이 글! 브라우저 작동방식 탐구 - HTML 파서(Parser) 구현하기탐구하고 더

이전 글 “(3) 브라우저 렌더링 과정 탐구 - HTML 파서”에서html 문자열을 하나씩 순차적으로 확인하기 위해 Generator 함수를 사용하게 되었다.Generator 함수에 대해 알아보자!ES6에서 도입된 함수로 MDN 문서에 따르면 “빠져나갔다가 나중에 다시

주제를 시작하기 전에 동기, 비동기라는 단어에 대해 먼저 정리하고 들어가면 좋을 것 같다.Syncronous 동기: 요청을 보낸 후 해당 요청의 응답을 받아야 다음 동작을 실행하는 방식Asynchronous 비동기: 요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는

저번 글 “(5) 자바스크립트는 동기적으로 작동할까? 비동기적으로 작동할까?”을 간단히 복습하자면 다음과 같다.자바스크립트는 기본적으로 스크립트 위에서 아래로 읽어가며 동기적으로 작동하지만,브라우저에서 주로 사용되는 언어적 특성 상 브라우저 사용자 사용성을 위해이미지,

두번째 포스팅 “(1) 내가 작성한 코드 → 웹 화면에 나오기까지 - 브라우저 렌더링 과정”에서 자바스크립트 파싱 과정에 대해 학습하였다.다음은 그 설명 중 하나이다.파싱 과정에서 <script> 태그를 만나면 렌더링 엔진은 파싱을 잠시 중단하고 script를 읽

출처Javscript Info - 버블링과 캡처링출처에서 캡쳐한 사진을 보면 알 수 있듯, DOM 이벤트에서 정의한 이벤트 호출은캡쳐링 단계 -> 타깃 단계 -> 버블링 단계를 거친다.최상단 요소부터 이벤트가 전파되고\-> 이벤트가 발생된 타깃을 발견하고\-> 이벤트가

코드스테이츠 부트캠프를 진행하면서 "커링함수"와 "고차함수 사고 수준의 추상화"에 대해 학습하였다."자바스크립트에 깊은 복사를 지원하는 내장함수가 왜 없을까?"에 이어 두번째 질문! "커링함수는 왜 사용하는걸까?"에 대해 알아보고자 여러 검색을 통해 나름대로 정리해보았

자바스크립트에서의 this는 여러번 들여봐도 헷갈리는 부분이 많아 this와 관련된 내용을 정리하고 넘어가려고 한다.함수를 어디서 "호출"하였는지에 따라 상위 스코프를 결정하는 것함수를 어디서 "선언"하였는지에 따라 상위 스코프를 결정하는 것다음 글에서 저자는 자바스크

출처: mdn - classesclass는 객체를 생성하기 위한 템플릿이다.class는 "특별한 함수"함수를 함수표현식과 함수 선언으로 정의할 수 있듯, class 표현식과 class 선언 두가지 방법으로 정의할 수 있다.클래스는 호이스팅 될 때 초기화되지 않기 때문에