FE/JavaScript 4

[Web API] Intersection Observer의 threshold 옵션이란?

+) 이 글은 JavaScript 카테고리에 속해있지만 사실 Web API는 자바스크립트라는 언어에 국한되는 기능은 아닙니다. (ex) Web Assembly) 이 이슈도 지난 글에 언급했지만 분량이 길어질 것 같아서 분리했습니다. [React] Intersection Observer의 Stale Closure(오래된 클로저) 이슈 useRef로 해결하기(이 글은 Next.js App Router 15 버전 프로젝트를 기준으로 작성되었습니다.) 내비게이션 바제 포트폴리오에서 구현한 내비게이션 바입니다. 여기서는 2가지의 스크롤 이벤트가 발생합니다. (아래 Aboutunhandled.tistory.com 이번 글은 매우 간단합니다. 제가 Intersection Observer의 threshold 옵션을 ..

FE/JavaScript 2025.06.09

[모던 자바스크립트 Deep Dive] 03장. 자바스크립트 개발 환경과 실행하는 방법

03장. 자바스크립트 개발 환경과 실행하는 방법 3.1 자바스크립트 실행 환경모든 브라우저와 Node.js는 자바스크립트를 실행할 수 있는 자바스크립트 엔진을 내장하고 있습니다.  브라우저는 HTML, CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것이 주된 목적이지만 Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것이 주된 목적입니다. 따라서 브라우저와 Node.js는 모두 자바스크립트의 코어인 ECMAScript를 실행할 수 있지만 이외 추가로 제공하는 기능은 호환되지 않습니다. 예를 들어 브라우저는 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집합인 DOM API를 기본적으로 제공하지만 Node.js는 그렇지 않습니다. 반대로 Node.js에서는 파일..

FE/JavaScript 2025.03.01

[모던 자바스크립트 Deep Dive] 02장. 자바스크립트란?

02장. 자바스크립트란? 2.1 자바스크립트의 탄생자바스크립트는 1995년 개발자 브랜던 아이크에 의해 만들어졌으며 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어라는 목적을 가지고 있었습니다.  2.2 자바스크립트의 표준화1996년 8월, 마이크로소프트는 자바스크립트의 파생 버전인 "JScript"를 인터넷 익스플로러에 탑재했습니다. 넷스케이프 커뮤니케이션즈와 마이크로소프트는 자사 브라우저의 시장 점유율을 높이기 위해 자사 브라우저에서만 동작하는 기능을 경쟁적으로 추가하였고 이로 인해 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생했습니다. 이에 표준화된 자바스크립트의 필요성이 대두되었고, 컴퓨터 시스템의 표준을 관리하는 비영리 표준화..

FE/JavaScript 2025.02.28

[모던 자바스크립트 Deep Dive] 01장. 프로그래밍

1.1 프로그래밍이란?프로그래밍이란 컴퓨터와의 커뮤니케이션입니다.해결해야 할 문제(요구사항)을 명확히 이해한 후 적절한 문제 해결 방안을 정의해야 하는데 이 때 문제 해결 능력이 요구됩니다. 요구사항은 복잡하며 명확하지 않을 수 있기에 이를 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 행위를 배열해야 합니다.프로그래밍이란 0과 1만 이해할 수 있는 컴퓨터가 실행할 수 있도록 정확하고 상세하게 요구사항을 설명하는 작업이며 그 결과물이 바로 코드입니다. 우리는 문제 해결 방안을 고려할 때 컴퓨팅 사고(Computational thinking)를 통해 컴퓨터의 관점에서 문제를 해결해야 합니다.  1.2 프로그래밍 언어 이처럼 문제 해결 능력을 바탕으로 정의된 문제 해결 방안을 컴퓨터에게 전달하..

FE/JavaScript 2025.02.28