profile
잘 하고 싶다.
post-thumbnail

이벤트 루프와 매크로 테스크, 마이크로 태스크

자바스크립트는 싱글 스레드 기반의 언어이다. 자바스크립트의 엔진은 하나의 호출 스택을 가지고 있으므로 한 번에 한가지 일만 처리가 가능하다. 따라서 시간이 오래 소요되는 작업을 수행하면 그 사이에 클릭이나 다른 요소가 랜더링 되어져야 하는게 있더라도 블락킹 되어있어 아

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

Javascript Symbol(심볼)

자바스크립트의 심볼(Symbol)은 ES6에서 새롭게 추가된 변경 불가능한 원시 타입의 값이다.객체의 프로퍼티 키로는 문자형과 심볼형만 허용한다. 객체의 프로퍼티 키로 심볼값을 사용하면 어떤 장점이 있는지 알아보자.Symbol은 유일한 식별자를 만들고 싶을 때 사용한다

2022년 6월 1일
·
0개의 댓글
·

Javascript Arrow function(화살표 함수)

화살표 함수는 function 키워드 대신에 화살표(=>)를 사용해서 간략한 방법으로 함수를 선언할 수 있다. 화살표 함수는 익명 함수로만 사용되기때문에 함수를 호출하기 위해서는 함수 표현식을 사용한다.콜백 함수로도 사용할 수 있다. 이 경우에 일반적인 함수보다 표현식

2022년 5월 18일
·
0개의 댓글
·

Javascript에서 this는 어떻게 동작할까?

자바스크립트의 함수는 호출될 때 인자 값 이외에 arguments 객체와 this를 암묵적으로 전달받는다.자바스크립트의 this는 함수 호출 방식에 따라 바인딩되는 객체가 달라진다.자바스크립트는 함수 호출 방식에 따라서 this에 바인딩할 객체가 동적으로 결정된다. 함

2022년 5월 16일
·
0개의 댓글
·

JavaScript와 ECMAScript의 관계

Ecma 인터내셔널은 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구이다. Ecma는 표준을 제정하며 대표적으로 CECMA-262는 Ecma 인터내셔널에 의해 제정된 하나의 기술 규격 이름이며, 범용 목적의 스크립트 언어에 대한 명세이다. 즉, 언어에 대한 표준을

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

Excution Context(실행 컨텍스트)

실행 컨텍스트는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심 원리이다. 실행 컨텍스트를 이해하고 자바스크립트 코드가 어떻게 동작하는지 알아보자.실행 컨텍스트는 실행 가능한 코드가 실행되기 위해

2022년 5월 14일
·
0개의 댓글
·

Strict mode(엄격 모드)

ES5에서 등장한 strict mode는 자바스크립트 코드에 더욱 엄격한 오류 검사를 적용해주며 스크립트나 함수의 최상단에 'use strict' 지시어를 사용하여 선언할 수 있다.스크립트 최상단에 선언하면 스크립트 전체에 strick mode가 적용되며 주의 할 사항

2022년 5월 9일
·
0개의 댓글
·

JavsScript var, let, const 차이점

var ES5 까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 방법이였지만 var 키워드로 선언된 변수는 아래와 같은 특징이 존재한다. 변수 중복 선언 가능 보통의 언어들은 유효 범위 내에서 같은 이름을 가진 변수를 중복 선언할 수 없다.

2022년 5월 9일
·
0개의 댓글
·

Image Lazy Loading(이미지 지연 로딩)

개인적으로 공부하면서 블로그를 작성하고 있으므로 내용이 정확하지 않을 수 있습니다.잘못된 부분은 지적해주시면 개발자로서 성장하는데 많은 도움이 될 것 같습니다. 😀Intersection Observer API(교차 관찰자 API)(https://velog.i

2022년 4월 27일
·
0개의 댓글
·
post-thumbnail

Intersection Observer API(교차 관찰자 API)

개인적으로 공부하면서 블로그를 작성하고 있으므로 내용이 정확하지 않을 수 있습니다. 잘못된 부분은 지적해주시면 개발자로서 성장하는데 많은 도움이 될 것 같습니다. 😀viewport : 브라우저에서 사용자에게 보이는 부분을 의미한다.Intersection Observ

2022년 4월 26일
·
0개의 댓글
·

웹 워커(Web Worker)

싱글 스레드를 사용하는 자바스크립트는 주어진 시간에 한 줄의 코드 만 실행할 수 있다. 수행해야 할 작업들이 대기열에 추가되고 브라우저의 자바스크립트 엔진에 의해 한 번에 하나씩 실행된다.자바스크립트의 싱글 스레드 패턴은 블로킹이라는 성능 문제를 발생시킨다. 메인 스

2021년 6월 14일
·
0개의 댓글
·
post-thumbnail

리액트(React) ?

리액트를 사용하고 있지만, 리액트가 뭐야? 라고 누군가 물었을 때 섣불리 대답하지 못했다.부끄러운 일이 반복되지 않도록 지금이라도 리액트에 대해서 다시 공부하면서 정리해보려고 한다.페이스북에서 제공하는 자바스크립트UI(View) 라이브러리다. 컴포넌트 기반으로 데이터를

2020년 10월 8일
·
0개의 댓글
·

Javascript 호이스팅(Hoisting)

Hoisting의 사전적 의미는 '들어올리기' 를 의미한다.호이스팅은 유효 범위 내부의 선언문들을 최상단으로 끌어올리는 것을 의미한다.var로 선언한 변수 및 함수 선언문let, const로 선언한 변수 및 함수 선언문은 호이스팅 대상에서 제외다른 프로그래밍 언어에서는

2020년 9월 14일
·
0개의 댓글
·