JavaScript / TypeScript 온라인 실행 — Numio

JavaScript와 TypeScript를 온라인에서 실행하세요. ES2020+ 문법을 지원하며 격리된 환경에서 console.log 출력을 바로 확인할 수 있습니다. 무료, 가입 불필요.

브라우저에서 실행 · 가입 불필요

const orders = [
  { id: 1, customer: "Ana", total: 42.5, paid: true },
  { id: 2, customer: "Ben", total: 18, paid: false },
  { id: 3, customer: "Ana", total: 27.25, paid: true }
];

class Cart {
  #items = [];
  add(name, price) {
    this.#items.push({ name, price });
    return this;
  }
  get total() {
    return this.#items.reduce((sum, item) => sum + item.price, 0);
  }
}

const wait = ms => new Promise(resolve => setTimeout(resolve, ms));

async function main() {
  const paid = orders.filter(order => order.paid);
  const spent = paid.reduce((sums, order) => {
    sums[order.customer] = (sums[order.customer] ?? 0) + order.total;
    return sums;
  }, {});
  console.log("Paid orders:", paid.map(order => order.id).join(", "));
  console.log("Spent per customer:", spent);

await wait(100);
  const cart = new Cart().add("Pen", 1.5).add("Notebook", 3.25);
  console.log(`Cart total: ${cart.total.toFixed(2)}`);

for (const { id, customer, total } of orders)
    console.log(`#${id}`.padEnd(4), customer.padEnd(5), total.toFixed(2).padStart(6));
}

main();

Ctrl/⌘ + Enter로 실행

출력

코드는 브라우저에서 실행되며 업로드되지 않습니다.

사용 방법

JavaScript 또는 TypeScript를 선택합니다.
코드를 작성하고 console.log로 결과를 출력합니다.
실행(또는 Ctrl/⌘ + Enter)을 눌러 출력을 확인합니다.

예제

// JavaScript 예제
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("정렬 결과:", sorted.join(", "));
console.log("최댓값:", Math.max(...nums));

세부 정보 및 제한 사항

코드는 QuickJS(WebAssembly로 컴파일한 별도의 JavaScript 엔진)에서 실행되며 페이지와 격리됩니다. DOM, 네트워크, 브라우저 API는 사용할 수 없습니다.

TypeScript는 타입 표기를 제거한 뒤 실행합니다. 타입 오류는 검사하지 않고 문법 오류만 알려 줍니다.

FAQ

document나 fetch를 쓸 수 있나요?

아니요. 실행 환경에는 DOM, 네트워크, 브라우저 API가 없습니다. 웹 페이지를 다루려면 온라인 HTML 편집기를 이용하세요.

TypeScript 타입 검사를 하나요?

아니요. 타입을 제거하고 JavaScript로 실행하므로 문법 오류만 표시됩니다.

어떤 문법을 지원하나요?

let/const, 화살표 함수, 클래스, 구조 분해 할당, 템플릿 리터럴, 옵셔널 체이닝 등 최신 JavaScript 문법을 지원합니다.

형식 참고 자료

도구 페이지 업데이트: 2026-10-22

출력