0Pricing
JavaScript Academy · 강의

프로파일링 입문(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() 도우미를 사용합니다.
  • 자주 실행되는 코드에만 집중합니다.
  • 한 번에 한 가지씩 변경합니다.
프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 1

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);
프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 2

수동 시간 측정 도우미

수동 시간 측정을 사용하면 어떤 함수든 감싸고 같은 입력으로 실행 결과를 비교할 수 있습니다.

// 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;
});
프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 3

자주 실행되는 코드 찾기

호출 횟수와 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);
프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 4

변경 전후 시간 비교

변경 전과 후를 측정하십시오. 동일한 입력을 유지하고 수치만 비교합니다.

// 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);
프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 5

좋은 시간 측정 습관

팁:

  • 실행할 때마다 같은 입력을 사용합니다.
  • 한 번 예열한 다음 측정합니다.
  • 시간을 측정하는 동안 로그 출력을 줄입니다.
  • 한 가지만 변경하고 다시 측정합니다.
  • DevTools와 Node에는 기록 도구가 있습니다. 먼저 간단한 console.time부터 사용하십시오.
프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 6

console.time 기초 퀴즈

빠른 확인: 빠른 시간 측정 도구

프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 7

복습

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

프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관 — 일러스트레이션 8

자주 묻는 질문

“프로파일링 입문(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 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. Big-O 기초, 자주 실행되는 경로와 드문 경로
  2. 메모리 누수 방지 — 클로저, 타이머와 참조
  3. 프로파일링 입문(Node/DevTools) — 작은 시간 측정 습관
← JavaScript Academy(으)로 돌아가기