1-blue의 블로그
취소

Framework & Library & API

해당 포스트는 프레임워크 & 라이브러리 & API에 대해 정리한 포스트입니다.주관적으로 해석한 내용이므로 잘못된 내용이 포함될 수 있습니다. 프레임워크와 라이브러리를 구분하는 핵심적인 기준은 제어권입니다.즉, 누가 주도적으로 코드를 실행하냐 입니다. 🏢 프레임워크 ( Framework ) 프레임워크는 본인이 제어권을 갖...

이펙티브 타입스크립트 3장 ( 19 ~ 27 )

해당 포스트는 이펙티브 타입스크립트 3장을 읽고 정리한 포스트입니다.책의 모든 내용을 작성하는 것이 아닌 주관적인 기준에 따라 필요한 정보만 정리했습니다. 📖 3장 타입 추론 📌 Item 19 ( 추론 가능한 타입을 사용해 장황한 코드 방지하기 ) TypeScript에서 추론을 해준다면 명시적으로 타입을 넣는 것은 좋지 않습니다. 오히려 명...

배열 메서드 직접 구현

해당 포스트는 Array.prototype의 특정 메서드들을 직접 구현한 포스트입니다. ⭕ -> 원본 자체를 변경하는 메서드❌ -> 원본을 변경하지 않는 메서드 ✈️ 일반 배열 메서드들 0️⃣ ( ❌ ) Array.prototype.slice() /** * ❌ "Array.prototype.slice()" 구현 * @p...

babel

해당 포스트는 babel에 대해 정리한 포스트입니다.주관적으로 해석한 내용이 들어가 있어서 잘못된 내용이 포함될 수 있습니다.사용 경험이 거의 없어서 가벼운 내용만 담고 있습니다. 🪄 babel 공식 문서에서는 Babel is a JavaScript compiler.라고 합니다. 컴파일러보다는 트랜스파일러가 조금 더 적확한 표현인 것 같습니다...

compile / interpreter / transpile

해당 포스트는 compile/interpreter/transpile에 대해 정리한 포스트입니다.주관적으로 해석한 내용이 들어가 있어서 잘못된 내용이 포함될 수 있습니다. ❓ 컴파일러 등장 배경 어셈블리어(Assembly)란 기계어와 1:1로 대응되는 저급 언어입니다.기계어는 컴퓨터가 해석할 수 있는 언어입니다. 옛날에는 어셈블리어로 ...

async & (callback | promise | async/await)

해당 포스트는 JavaScript의 Promise에 대해 정리한 포스트입니다.주관적인 생각을 정리해서 잘못 설명된 부분이 있을 수 있습니다. 모든 예시에 나오는 createPromiseTimer()는 아래의 코드입니다. 여러번 작성하기엔 자리를 너무 차지해서 여기서 먼저 선언하겠습니다. const createPromiseTimer = (wa...

자바스크립트 완벽 가이드 7장 정리 ( Array )

해당 포스트는 자바스크립트 완벽 가이드라는 교재로 스터디를 하면서 7장을 정리한 포스트입니다.주관적으로 해석한 내용이 들어가 있어서 잘못된 내용이 포함될 수 있습니다.또한 교재의 모든 내용을 정리하지 않고 주관적인 판단에 의해 필요한 내용만 작성했습니다. ✍️ 배열 생성 방법 0️⃣ 배열 리터럴 const arr = [1,,2,]; // 성긴...

이벤트 루프와 태스크

해당 포스트는 JavaScript의 이벤트 루프의 동작에 대해 정리한 포스트입니다.주관적인 생각을 정리해서 잘못 설명된 부분이 있을 수 있습니다. 사실 이 글을 읽는 것보다는 최하단의 레퍼런스를 보는 것이 더 도움됩니다.( 이해를 도와주는 시각적인 자료가 많음 ) ✍️ 용어 정리 0️⃣ 태스크 ( task ) 작업의 단위 1️⃣ 매...

동기 & 비동기 / 블로킹 & 논블로킹

해당 포스트는 JavaScript기준으로 동기 & 비동기 / 블로킹 & 논블로킹의 개념을 작성한 포스트입니다.주관적인 생각을 정리해서 잘못 설명된 부분이 있을 수 있습니다. 🚏 동기 & 비동기 동기와 비동기를 가르는 핵심적인 차이는 실행 순서입니다. 동기는 위에서부터 아래로 흐름에 맞게 실행합니다. ( 일반적인 함수 호...

디바운싱 / 쓰로틀링 / 메모이제이션

해당 포스트는 디바운싱, 쓰로틀링, 메모이제이션에 대한 개념과 직접 구현해본 예시를 작성한 포스트입니다. 😶‍🌫️ 디바운싱 ( Debouncing ) 연속적인 요청중에 가장 마지막 요청만 받는 기법입니다. 아래는 디바운싱 헬퍼 함수를 직접 구현해봤습니다. // 연속적인 요청중에 가장 마지막 요청만 유효하게 적용 ( 고차 함수 ) const ...