Express.js 온라인

Express 서버를 작성하고 실행한 뒤 요청 바에서 요청을 보내 보세요. GET, POST, JSON 본문, 헤더를 지원합니다. 설치 없이, 무료로, 가입 없이 사용할 수 있습니다.

import express from 'express';

const app = express();

app.get('/', (req, res) => {
    res.send('<h1>Hello from Express</h1><p>Send GET /api/hello?name=Ada</p>');
});

app.get('/api/hello', (req, res) => {
    const name = req.query.name || 'world';
    res.json({ message: `Hello, ${name}!` });
});

app.get('/api/users/:id', (req, res) => {
    const id = Number(req.params.id);
    if (!Number.isInteger(id)) {
        return res.status(400).json({ error: 'id must be a number' });
    }
    res.json({ id, name: `User ${id}` });
});

app.listen(3000, () => {
    console.log('Server running on port 3000');
});

브라우저에서 바로 Express.js를 온라인으로 실행하세요

실행 중인 서버 옆에서 Express 프로젝트를 편집하세요. 실행을 누르면 app.listen(3000)이 서버를 시작합니다. 그다음 요청 바에서 요청을 보내세요. 메서드를 고르고, 경로를 입력하고, 헤더와 JSON 본문을 추가하면 상태 코드, 헤더, 응답이 보입니다. node server.js를 실행하고 curl이나 Postman으로 하던 일을 Node.js 설치 없이 할 수 있습니다.

각 예제는 완전한 프로젝트이고 모든 파일을 편집할 수 있습니다. server.js가 있고, API 예제에는 routes/todos.js의 라우터도 있습니다. 콘솔에는 console.log() 출력, 모든 요청, 줄 번호가 붙은 오류가 표시됩니다. 라우트 메뉴에는 서버가 응답하는 경로가 나오고, 서버가 보낸 페이지는 링크와 폼이 작동하는 상태로 표시됩니다.

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

실제 프레임워크: Express 5가 fs, process, crypto, events를 갖춘 Node.js 런타임에서 라우트, 라우터, 미들웨어, express.json(), 오류 핸들러를 실행합니다.
터미널 대신 요청 바: GET, POST, PUT, PATCH, DELETE, Authorization 같은 헤더, JSON 본문을 지원하고 쿠키는 요청 사이에 유지됩니다.
서버가 필요 없는 데이터베이스: import { MongoClient } from 'mongodb'로 find, insertOne, 인덱스, aggregate를 쓸 수 있는 인메모리 MongoDB를 사용할 수 있습니다.
ES 모듈이든 CommonJS든 Node.js 24가 읽는 방식 그대로: import express from 'express'와 require('express') 모두 작동하고, 파일 확장자 규칙도 Node와 같습니다.

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

JSON API: app.get()으로 라우트를 추가하고, req.params와 req.query를 읽고, res.status(201).json()으로 응답하세요.
미들웨어: 모든 요청을 로그로 남기고, API 키 헤더로 라우트를 보호한 뒤, 404 핸들러와 인수가 네 개인 오류 핸들러를 추가하세요.
작은 웹사이트: 폼이 있는 HTML 페이지를 보내고, express.urlencoded()로 읽은 뒤, 다시 페이지로 응답하세요.

Express.js 온라인 자주 묻는 질문

Node.js를 설치하지 않고 Express.js를 온라인으로 실행할 수 있나요?

네. 이 페이지는 Coddy의 Node.js 런타임으로 브라우저의 Web Worker에서 Express를 실행하므로 설치할 것도, 만들 계정도 없습니다. 처음 실행할 때 런타임을 한 번 내려받고(약 170 KB), 그다음부터는 서버가 순식간에 시작됩니다.

진짜 Express인가요?

수정하지 않은 Express 5.3이 여러분의 파일을 실행합니다. Node의 내장 모듈은 런타임이 제공하므로 일반적인 Express 코드가 그대로 작동합니다. 파일을 컴퓨터의 폴더에 복사하고 npm install express와 node server.js를 실행하면 서버가 똑같이 응답합니다.

API는 어떻게 테스트하나요?

응답 위에 있는 요청 바를 사용하세요. 메서드를 고르고 경로를 입력하세요. POST, PUT, PATCH에는 JSON 본문을 쓰면 됩니다. 헤더 버튼으로 Authorization: Bearer ... 같은 헤더를 추가할 수 있습니다. 라우트 메뉴는 서버에 있는 라우트로 바를 채워 줍니다.

플레이그라운드에서 할 수 없는 것은 무엇인가요?

npm에서 패키지를 설치할 수는 없습니다. Express, zod, jose, 인메모리 MongoDB가 내장되어 있습니다. 실제 네트워크 연결을 열거나, 데이터베이스 서버나 인터넷에 접속하거나, 실행 사이에 데이터를 유지할 수도 없습니다. 실행할 때마다 새 서버가 시작됩니다. 배우고 아이디어를 시험하기 위한 곳이지, API를 호스팅하는 곳이 아닙니다.

무료인가요? 코드는 저장되나요?

무료이고 계정도 필요 없습니다. 예제마다 수정한 내용이 이 브라우저에 저장되므로 탭을 닫았다가 다시 와도 됩니다. 초기화를 누르면 현재 예제가 처음 상태로 돌아가고, 다운로드 버튼은 열려 있는 파일을 저장합니다.

Express와 Node.js는 어떻게 배우나요?

먼저 여기 있는 예제로 시작하세요. 라우트를 바꾸고 실행을 누른 다음 요청을 보내 보세요. 순서대로 배우고 싶다면 Coddy의 Node.js 강의를 들어 보세요. Node.js 기초, Express, REST API, MongoDB, 인증, NestJS를 배우고, 모든 레슨에서 코드 옆에 여러분의 서버가 실행됩니다.

Express에 유용한 도구

Express 플레이그라운드와 잘 어울리는 브라우저 기반 무료 도구. 모두 Coddy의 일부입니다.

Express 편집기 임베드 코딩 플랫폼 비교