프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관
작은 단계로 프로파일링합니다. console.time/timeEnd와 간단한 타이머로 측정하고, 자주 실행되는 코드를 찾고, 한 가지를 바꾼 뒤 다시 측정합니다.
프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관은(는) CoddyKit의 무료 JavaScript Academy 강의입니다. 이것은 3개 중 3번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 JavaScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. JavaScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.
프로파일링이 필요한 이유
목표: 측정하고 → 변경하고 → 다시 측정합니다.
- 빠르게 시간을 측정하려면 console.time/timeEnd를 사용합니다.
- 수동으로 시간을 측정하려면 작은 now() 도우미를 사용합니다.
- 자주 실행되는 코드에만 집중합니다.
- 한 번에 한 가지씩 변경합니다.

console.time 예제
console.time은 라벨이 붙은 블록이 실행되는 데 걸린 시간을 출력합니다. 시작 단계에 사용하기 좋습니다.
// Measure a small loop with console.time/timeEnd
console.time("sum");
let s = 0;
for (let i = 0; i < 100000; i = i + 1) {
s = s + i;
}
console.timeEnd("sum");
console.log("sum value:", s);

수동 시간 측정 도우미
수동 시간 측정을 사용하면 어떤 함수든 감싸고 같은 입력으로 실행 결과를 비교할 수 있습니다.
// A tiny now() helper that works in many runtimes
const now = (typeof performance !== "undefined" && performance.now)
? function () { return performance.now(); }
: function () { return Date.now(); };
// Time a function manually
function timeFn(label, fn) {
const t1 = now();
const out = fn();
const t2 = now();
console.log(label + " ms:", (t2 - t1));
return out;
}
timeFn("small work", function () {
let x = 0;
for (let i = 0; i < 50000; i = i + 1) { x = x + i; }
return x;
});

자주 실행되는 코드 찾기
호출 횟수와 time을 추적하여 앱이 어디에서 작업을 수행하는지 파악하고, 가장 자주 실행되는 함수를 먼저 최적화하십시오.
// Count calls and total time to find hot spots
const metrics = { calls: 0, totalMs: 0 };
function hotWork(n) {
const t1 = now();
let sum = 0;
for (let i = 0; i < n; i = i + 1) {
sum = sum + (i % 3);
}
const t2 = now();
metrics.calls = metrics.calls + 1;
metrics.totalMs = metrics.totalMs + (t2 - t1);
return sum;
}
// Simulate usage
for (let k = 0; k < 5; k = k + 1) {
hotWork(80000);
}
console.log("calls:", metrics.calls, "avg ms:", metrics.totalMs / metrics.calls);

변경 전후 시간 비교
변경 전과 후를 측정하십시오. 동일한 입력을 유지하고 수치만 비교합니다.
// Compare two approaches with the same input
const hay = [];
for (let i = 0; i < 2000; i = i + 1) { hay.push(String(i)); }
const needles = [];
for (let i = 0; i < 1000; i = i + 1) { needles.push(String(i * 2)); }
function slowIncludes() {
let count = 0;
for (const n of needles) {
if (hay.includes(n)) { count = count + 1; }
}
return count;
}
function fastSet() {
const set = new Set(hay);
let count = 0;
for (const n of needles) {
if (set.has(n)) { count = count + 1; }
}
return count;
}
const c1 = timeFn("includes run", slowIncludes);
const c2 = timeFn("set.has run", fastSet);
console.log("counts:", c1, c2);

좋은 시간 측정 습관
팁:
- 실행할 때마다 같은 입력을 사용합니다.
- 한 번 예열한 다음 측정합니다.
- 시간을 측정하는 동안 로그 출력을 줄입니다.
- 한 가지만 변경하고 다시 측정합니다.
- DevTools와 Node에는 기록 도구가 있습니다. 먼저 간단한 console.time부터 사용하십시오.

console.time 기초 퀴즈
빠른 확인: 빠른 시간 측정 도구

복습
복습: console.time과 작은 now() 도우미부터 시작합니다. 자주 실행되는 코드를 찾고 간단히 변경한 다음, 같은 입력으로 다시 측정합니다.

자주 묻는 질문
“프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관” 강의는 무료인가요?
네 — “프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 JavaScript Academy 강의 전체를 잠금 해제할 수 있습니다. JavaScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.
“프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관”에서 뭘 배우나요?
작은 단계로 프로파일링합니다. console.time/timeEnd와 간단한 타이머로 측정하고, 자주 실행되는 코드를 찾고, 한 가지를 바꾼 뒤 다시 측정합니다. 브라우저에서 직접 실행하는 실습 코드로 JavaScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
JavaScript Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 JavaScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 3개 중 3번째 강의입니다.
“프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 JavaScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 JavaScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- Big-O 기초, 자주 실행되는 경로와 드문 경로
- 메모리 누수 방지 — 클로저, 타이머와 참조
- 프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관