JavaScript/Node.js 코드 온라인 실행

우리의 온라인 JavaScript/Node.js 실행기를 사용하여 즉시 JavaScript 코드를 작성하고 실행하며 테스트하세요. 설정이나 설치가 필요 없습니다 — 브라우저에서 JS를 작성하고 실행하기만 하면 됩니다. Node.js로 구동됩니다.

버전

샘플

💡 Node.js 기초 가이드 for 초보자

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("One");
} else if (x === 2) {
  console.log("Two");
} else {
  console.log("Other");
}

switch (x) {
  case 1:
    console.log("One");
    break;
  case 2:
    console.log("Two");
    break;
  default:
    console.log("Other");
}

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("What's your name? ", name => {
  console.log(`Hello, ${name}`);
  rl.close();
});

Node.js 기초 가이드

7. 함수

함수는 선언하거나 표현할 수 있습니다. 화살표 함수는 현대 JavaScript에서 자주 사용됩니다.

function greet(name) {
  return `Hello, ${name}`;
}

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

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

8. 객체 (맵)

객체는 키-값 쌍을 저장합니다. 이는 사전 또는 맵과 유사합니다.

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

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

9. 예외 처리

try, catch, finally를 사용하여 오류를 안전하게 처리하세요.

try {
  throw new Error("Something went wrong");
} catch (e) {
  console.log(e.message);
} finally {
  console.log("Cleanup if needed");
}

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+는 class 문법을 사용한 OOP를 지원합니다.

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return `Hi, I'm ${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"]