CodeUtility
개발자의 삶을 더 쉽게!

Online JavaScript Runner

Write, run, and debug JavaScript or Node.js online in a full-featured browser IDE. Work with multiple files and packages, save your workspace, and collaborate in real time.

사전 설치 라이브러리
🚀 339,661 총 실행 (665 이번 달)
퍼가기
출력

JavaScript 코딩 챌린지로 연습하기

이 에디터에서 직접 문제를 풀고, 샘플 테스트 실행 및 제출, AI 코드 리뷰를 받아보세요.

모든 JavaScript 챌린지
쉬움

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

배우는 내용 산술반환값
BeginnerLearning-pathVariables
Python C++ C# Java JavaScript Go Rust Kotlin Swift
12개 해결
풀이 보기 (12)
쉬움

Distance Between Points

Compute the straight-line distance between two points.

배우는 내용 피타고라스 정리제곱근
BeginnerFunctionsLearning-pathmath
Python C++ C# Swift Java JavaScript Go Rust Kotlin
7개 해결
풀이 보기 (7)
쉬움

Days in a Month

Return how many days a month has, including leap years.

배우는 내용 달력 규칙도우미 함수
BeginnerConditionsFunctionsLearning-path
Python C++ C# Java JavaScript Go Rust Kotlin Swift
6개 해결
풀이 보기 (6)
쉬움

세 수의 평균

세 개의 정수를 평균하세요.

배우는 내용 산술나눗셈
BeginnerLearning-pathVariables
Python C++ C# Java JavaScript Go Rust Kotlin Swift
6개 해결
풀이 보기 (6)
쉬움

두 벡터의 내적

두 벡터를 원소별로 곱한 뒤 모두 더합니다. 모든 뉴런의 핵심 연산입니다.

배우는 내용 벡터내적
신경망ai머신 러닝
Python C++ C# Java JavaScript Go Rust Kotlin Swift
4개 해결
풀이 보기 (4)
쉬움

Largest of Three

Pick the largest of three numbers without a built-in max.

배우는 내용 비교조건 결합
BeginnerConditionsLearning-path
Python C++ C# Java JavaScript Go Rust Kotlin Swift
4개 해결
풀이 보기 (4)
쉬움

소수 판별

숫자가 소수인지 판별하세요.

배우는 내용 나누어떨어짐 판별반복문 최적화
BeginnerLoopsNumbersStudent-beginner
Kotlin Swift Python C++ C# Java JavaScript Go Rust
3개 해결
풀이 보기 (3)
쉬움

Number Triangle

Build a triangle of increasing numbers.

배우는 내용 길어지는 행행을 넘나드는 카운터
BeginnerLearning-pathNested-loopsPatterns
Python C++ C# Java JavaScript Go Rust Kotlin Swift
3개 해결
풀이 보기 (3)
쉬움

암스트롱 수

숫자가 각 자릿수를 자릿수 개수만큼 거듭제곱한 합과 같은지 확인하세요.

배우는 내용 자릿수 추출거듭제곱
BeginnerNumbersStudent-beginner
JavaScript Python C++ C# Java Go Rust Kotlin Swift
3개 해결
풀이 보기 (3)
쉬움

Row Sums

Add up every row of a grid.

배우는 내용 2차원 리스트중첩 반복문
BeginnerGridsLearning-path
Python C++ C# Java JavaScript Go Rust Kotlin Swift
3개 해결
풀이 보기 (3)
쉬움

Min and Max Together

Find the smallest and largest value in one pass.

배우는 내용 한 번의 순회여러 반환값
ArraysBeginnerFunctionsLearning-path
Python C++ C# Java JavaScript Go Rust Kotlin Swift
3개 해결
풀이 보기 (3)
쉬움

Count Pairs With a Sum

Count pairs of positions whose values add up to a target.

배우는 내용 인덱스 쌍중복 세기 피하기
ArraysBeginnerLearning-pathNested-loops
Python C++ C# Java JavaScript Go Rust Kotlin Swift
3개 해결
풀이 보기 (3)

⚡ 이 JavaScript(Node.js) 온라인 실행기 소개

CodeUtility JavaScript 실행기는 브라우저에서 최신 JavaScript 코드를 별도 설정 없이 즉시 작성하고 실행할 수 있게 해줍니다. 실제 Node.js 환경에서 샌드박스된 컨테이너로 코드를 안전하게 실행하며, 16, 18, 20 버전을 지원합니다.

이 도구는 Node.js 코드 조각을 테스트하고, ES6+ 문법을 살펴보거나, 반복문, 함수, 배열, 프라미스, async/await 동작 같은 핵심 JavaScript 개념을 학습하는 데에 딱 맞습니다.

알고리즘 검증, 작은 스크립트 디버깅, 런타임 로직 실험에도 유용하며, 로컬에 Node를 설치하지 않아도 됩니다. 학습자, 백엔드 개발자, 또는 브라우저에서 빠르게 JavaScript 코드를 실행해야 하는 모든 분께 이상적입니다.

단순한 코드 실행기 그 이상

하나의 실행기에서 다중 파일 편집기, 격리된 실행 터미널, 런타임별 라이브러리, 영구 작업 공간, 공유 및 실시간 협업을 이용하세요.

이 실행기는 어떻게 사용하나요?

런타임을 선택하고 파일을 열거나 만든 다음 코드를 작성하고 실행을 선택하세요. 출력은 터미널에 표시되며, 로그인한 사용자는 작업 공간에 파일을 보관하고 라이브러리를 설치하며 공유를 통해 협업할 수 있습니다.

  1. 버전을 선택하고 현재 파일을 편집하거나 작업 공간의 다른 파일을 여세요.
  2. 코드를 실행하고 요청 시 터미널에 입력한 다음 저장된 실행 기록을 확인하세요.
  3. 작업에 둘 이상의 코드 조각이 필요하면 라이브러리, 작업 공간 도구, 공유 및 채팅을 사용하세요.

💡 초보자를 위한 Node.js 기초 가이드

1. 변수와 상수 선언

let 또는 const로 블록 스코프 변수를 선언합니다. const는 상수에 사용합니다.

let x = 10;
const PI = 3.14;
let name = "Alice";
let isActive = true;

2. 조건문 (if / switch)

제어 흐름에는 if, else if, else 또는 switch를 사용합니다.

let x = 2;
if (x === 1) {
  console.log("하나");
} else if (x === 2) {
  console.log("둘");
} else {
  console.log("기타");
}

switch (x) {
  case 1:
    console.log("하나");
    break;
  case 2:
    console.log("둘");
    break;
  default:
    console.log("기타");
}

3. 반복문

데이터를 순회할 때 for, while, forEach를 사용합니다.

for (let i = 0; i < 3; i++) {
  console.log(i);
}

let n = 3;
while (n > 0) {
  console.log(n);
  n--;
}

4. 배열

값의 순서 있는 목록은 배열에 저장합니다. 인덱스로 접근합니다.

let fruits = ["apple", "banana", "cherry"];
console.log(fruits[0]);
console.log(fruits.length);

5. 배열 조작

push, pop, slice, reverse 같은 메서드를 사용합니다.

fruits.push("kiwi");
fruits.pop();
console.log(fruits.slice(0, 2));
console.log(fruits.reverse());

let squares = [1, 2, 3, 4, 5].map(x => x * x);
console.log(squares);

6. 콘솔 입출력

출력에는 console.log, 입력에는 readline 모듈을 사용합니다.

const readline = require('readline');

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question("이름이 뭐예요? ", name => {
  console.log(`안녕하세요, ${name}`);
  rl.close();
});

7. 함수

함수는 선언식 또는 표현식으로 정의할 수 있습니다. 최신 JavaScript에서는 화살표 함수가 자주 사용됩니다.

function greet(name) {
  return `안녕하세요, ${name}`;
}

const add = (a, b) => a + b;

console.log(greet("Alice"));
console.log(add(2, 3));

8. 객체(Map)

객체는 키-값 쌍을 저장합니다. 사전이나 맵과 비슷합니다.

let person = { name: "Bob", age: 25 };
console.log(person.name);
console.log(person["age"]);

// ES6 맵
const map = new Map();
map.set("a", 1);
console.log(map.get("a"));

9. 예외 처리

try, catch, finally로 오류를 안전하게 처리합니다.

try {
  throw new Error("문제가 발생했습니다");
} catch (e) {
  console.log(e.message);
} finally {
  console.log("필요 시 정리");
}

10. 파일 입출력

파일 읽기/쓰기는 Node.js의 fs 모듈을 사용합니다.

const fs = require("fs");

fs.writeFileSync("test.txt", "Hello File");
const data = fs.readFileSync("test.txt", "utf8");
console.log(data);

11. 문자열 조작

trim(), toUpperCase(), replace(), split() 같은 메서드를 사용합니다.

let text = "  Hello World  ";
console.log(text.trim());
console.log(text.toUpperCase());
console.log(text.replace("Hello", "Hi"));
console.log(text.split(" "));

12. 클래스와 객체

ES6+에서는 OOP를 class 문법으로 지원합니다.

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return `안녕, 나는 ${this.name}`;
  }
}

const p = new Person("Alice");
console.log(p.greet());

13. 참조

JavaScript에서 객체와 배열은 참조로 전달됩니다.

function update(arr) {
  arr.push("changed");
}

let data = ["original"];
update(data);
console.log(data);  // ["original", "changed"]