학습 공간 개념 · 판단 · 실험
Frontend Performance LabFrontend Performance Lab
개념 · 판단 · 실험
프론트엔드 핵심 원리를 개념 노트로 익히고, 실전 설계 시나리오와 코드 실습으로 직접 확인해 보세요.
학습 주제 선택log("A");
Promise.resolve().then(() => {
log("B");
});
log("C");
B는 언제 출력될까요?TypeScript
주제별 학습
기초부터 설계 적용까지
서비스를 설계한다면
가볍게 시작하기 · 짧은 코드 퀴즈
Promise 안의 코드는 어떤 순서로 출력될까요?
출력 순서를 먼저 예상해 보고 실제 실행 결과와 비교해 보세요.
성능 측정 비교와 원본 데이터
네 가지 정렬 전략을 한 번에 비교하거나 대용량 데이터를 직접 탐색하려면 전체 실험 화면을 열어 보세요.
전체 전략 비교·데이터 탐색 →상세 분석 글은 준비 중입니다. 실험 화면의 개념 해설과 별도로 원본 측정값과 Chrome trace를 함께 보존합니다.
원본 측정 자료 ↗