JavaScript 플레이그라운드

코드 스니펫을 작성, 실행, 공유하세요 — 별도 설치가 필요 없습니다.

index.js

Alice
30

Output

Click Run to see the output here.

const fs = require('fs');
const [name, ageStr] = fs
    .readFileSync(0, "utf8")
    .trim()
    .split('\n');
const age = parseInt(ageStr, 10);
console.log(`Hello, ${name}! You are ${age} years old.`);

브라우저에서 JavaScript를 온라인으로 실행하세요

무료 온라인 JavaScript 플레이그라운드입니다. 브라우저에서 최신 ES2022+ JS를 작성하고 실행을 누르면 Node 24 또는 Deno 2.4에서 몇 초 만에 실행됩니다. 설치도, npm도, package.json을 먼저 만들 필요도 없습니다.

에디터는 VS Code와 동일한 엔진으로 만들어져 JS 문법 강조, 자동 완성, 오류 밑줄이 모두 작동합니다. 코드는 격리된 컨테이너 안의 Node 24(또는 Deno 2.4.3)에서 실행되며, 최신 ES2022+ 기능과 Node의 fs/http API, Deno 표준 라이브러리를 바로 쓸 수 있습니다 — 페이지를 벗어나지 않고 async 함수를 테스트하거나, JSON fetch를 돌려보거나, 면접 문제를 한 단계씩 풀어보고 싶을 때 유용합니다.

이 JavaScript 플레이그라운드가 유용한 이유

JavaScript 즉시 실행 — 코드를 작성하고 실행을 누르면 Node 24(또는 Deno 2.4)가 몇 초 안에 결과를 돌려줍니다. 설정도 필요 없습니다.
완전한 JavaScript 문법 강조, 자동 완성, 오류 메시지까지 — VS Code와 동일한 에디터 엔진으로 브라우저에서 바로 동작합니다.
stdin 입력은 process.stdin(Node)과 Deno의 readLine 패턴에 그대로 연결됩니다. 입력 상자에 줄을 입력하면 playground가 순서대로 전달해줍니다. Node, npm, package.json 설정은 따로 필요 없습니다.
Deno 2.4.3 + Node 24 런타임 — Node API와 Deno 표준 라이브러리를 갖춘 최신 ES2022+ JavaScript, package.json 없이 바로.

JavaScript 플레이그라운드에서 만들 수 있는 것

배열 메서드(map, filter, reduce), async/await, 구조 분해 할당, 최신 ES2022+ 관용구를 Node 24나 Deno 2.4에서 실행해 보세요.
fetch로 JSON 가져오기·파싱, Promise와 async 흐름, 클래스 문법, 면접 대비용 짧은 알고리즘 문제.
단발성 스니펫: regex 테스트, 날짜 형식 확인, 새 Array 메서드 시험, 까다로운 구조 분해 패턴 검증.

온라인 JavaScript 플레이그라운드 자주 묻는 질문

온라인 JavaScript 플레이그라운드는 무료인가요?

네, 온라인 JavaScript 플레이그라운드는 무료로 사용할 수 있습니다. 가입도, Node 설치도, npm 설정도 필요 없습니다 — 페이지를 열고 Node 24 또는 Deno 2.4에서 바로 코드를 실행하세요.

온라인에서 JavaScript를 실행하려면 Node.js를 설치해야 하나요?

설치는 필요 없습니다. 컴퓨터에 Node, npm, package.json을 따로 둘 필요가 없어요. 온라인 JavaScript 러너가 Node 24(또는 Deno 2.4)에서 코드를 실행하고 몇 초 안에 결과를 돌려줍니다.

JavaScript 플레이그라운드가 모바일과 크롬북에서도 작동하나요?

네. JavaScript 플레이그라운드는 최신 브라우저라면 데스크톱, 태블릿, 모바일 어디서든 실행됩니다. Node를 설치할 수 없는 Chromebook, iPad, 학교 컴퓨터에서 JS를 돌려보기에 좋은 선택지입니다.

JavaScript playground에서 Node로 stdin을 읽을 수 있나요?

네. stdin 입력 상자에 입력한 줄은 Node의 process.stdin으로 전달되므로, readline 인터페이스나 for await (const line of process.stdin) 루프는 로컬에서 node script.js를 실행하고 터미널에 입력을 붙여 넣을 때와 똑같이 동작합니다.

플레이그라운드를 써본 다음 JavaScript를 어떻게 배우면 되나요?

샘플 JavaScript를 수정하고 실행을 눌러 반복해 보세요. 좀 더 체계적인 학습을 원한다면 Coddy의 인터랙티브 JavaScript 코스가 변수부터 클로저, 프로토타입, async/await까지 다룹니다.