XML과 XSLT

Jest는 React와 Next에서 인기 있는 유닛 테스팅 라이브러리다. Next/Image와 분리된 SVG 컴포넌트 이미지 에러를 처리해보자

Jest.config.js의 SVG설정

기본적인 webAPI인 setTimeout을 통해 비동기적인 이벤트를 제어 할 수 있었다. setTimeout을 활용한 쓰로틀링, 디바운싱 등의 기법을 알아보자

DOM과 VirtualDOM의 작동방식의 차이에 대해 알고 React Element에 대해 조사함으로서 리액트를 이해한다

Try ~ catch문을 통해 오류처리를 할 수 있다. 그런데 setTImeout과 같은 비동기로 작동하는 함수들은 어떻게 오류처리를 해 줄 수 있을까?

NextJS에서 두 데이터 패칭 함수간의 데이터를 전달해보자

react-notion-x의 라이브러리가 403에러로 image를 출력하지 못한다. 문제를 일으키는 원인을 찾고 해결해보자

nextjs/image의 최적화 이미지 컴포넌트는 onError의 처리를 서버사이드에서 처리하게 될 경우 오류를 일으키게 된다.

자바스크립트는 싱글 스레드 언어이다. 이벤트 루프가 어떻게 비동기적인 문제를 해결 할 수 있는지 알아보자

중첩된 함수가 가지고 있는 외부 실행컨텍스트 정보, 실행 컨텍스트를 이해하면 클로저가 쉽게 이해 된다.

실행 컨텍스트는 실행 컨텍스트 스택(콜 스택)에 쌓이는 코드가 사용하는 실행환경이다. 

Iteration(반복)은 iterable과 iterator 프로토콜을 의미하며 for … of 과 같은 반복문으로 통일성 있게 반복문을 사용할 수 있게 한다

Restfull이란 무엇일까? 한마디로 정리하자면, RestAPI를 이용하여 통신하는 프로토콜을 준수하는 방법을 말한다

자바스크립트는 event-driven 방식을 이용하는 이벤트 루프를 통해 동작한다. 이벤트 등록방식과 리액트의 이벤트 특징을 알아보자

호이스팅이란 선언문이 스코프의 최상단 위로 끌어올려진 것처럼 동작하는 자바스크립트 고유의 특징이다. 변수와 함수, 클래스 등의 식별자 호이스팅이 어떻게 다른지 알아보자