#javascript

7 posts found.

Vanilla JS 댓글 모듈 자체 개발기

프레임워크 독립적인 Vanilla JS 댓글 모듈을 설계·개발하고 기존에 서비스 중이던 Nuxt 3 프로젝트에 통합한 과정을 다룹니다.

외부 도메인 리다이렉트 이후 팝업의 `window.opener`가 사라지는 이슈를 `window.name`과 `window.open(name)`으로 복구한 방법을 정리합니다.

유니코드 규칙을 활용해 한글을 초성/중성/종성으로 분해하고, 실제 타이핑처럼 보이도록 단계적으로 출력하는 애니메이션 구현 과정을 정리합니다.

화살표 함수(Arrow Function)의 문법과 this/arguments/constructor/prototype/yield 등 일반 함수와의 핵심 차이점을 예제와 함께 정리합니다.

함수 호출/메소드 호출/생성자 호출/apply·call·bind 호출에 따라 JavaScript의 this가 어떻게 바인딩되는지 예제와 함께 정리합니다.

브라우저가 유휴 상태일 때 `setInterval`이 지연되어 타이머가 어긋나는 문제를 재현하고, focus 이벤트 기반으로 만료 시간을 재계산하는 방식으로 대응한 과정을 정리합니다.

`requestAnimationFrame`이 반복 호출될 때의 특성과, 종료 시점에 `cancelAnimationFrame`으로 정리하지 않으면 발생할 수 있는 성능/메모리 이슈를 정리합니다.