Express.js 플래시카드

Category sponsor

Express.js는 Node.js를 위한 빠르고 미니멀하며 유연한 웹 프레임워크입니다. 라우팅, 미들웨어 지원, 템플릿 엔진 및 HTTP 유틸리티 메서드를 포함하여 웹 애플리케이션 및 API를 구축하기 위한 강력한 기능 세트를 제공합니다. Express.js는 단순성, 유연성 및 풍부한 미들웨어 생태계 덕분에 Node.js 웹 개발의 사실상 표준이 되었습니다. 개발자가 간단한 REST API부터 복잡한 웹 애플리케이션까지 모든 것을 쉽게 만들 수 있습니다. Express.js는 미니멀하고 유연하게 설계되어 견고한 기반을 활용하면서 애플리케이션 아키텍처를 완전히 제어하려는 개발자에게 탁월한 선택입니다.

우리 애플리케이션에는 이 프레임워크 지식이 필요한 모든 면접에 효과적으로 대비할 수 있도록 완전한 답변이 포함된 엄선된 Express.js 면접 질문이 포함되어 있습니다. IT Flashcards는 구직자를 위한 도구일 뿐만 아니라 지식을 강화하고 확인하는 훌륭한 방법입니다. 앱을 정기적으로 연습하면 Node.js 백엔드 개발의 최신 트렌드를 파악하고 확장 가능한 서버 측 애플리케이션 구축 기술을 유지할 수 있습니다.

우리 앱의 Express.js 플래시카드 예시

App Store 또는 Google Play에서 저희 앱을 다운로드하여 더 많은 무료 플래시카드를 받거나, 모든 플래시카드에 액세스하려면 구독하세요.

Express.js

Express.js에서 미들웨어란 무엇인가요?

Express.js의 미들웨어는 요청 객체(req), 응답 객체(res), 및 요청 라이프사이클의 다음 미들웨어 함수(next)에 접근할 수 있는 함수입니다. 미들웨어는 Express.js에서 애플리케이션 및 API 구조의 핵심 구성 요소입니다.

미들웨어 함수는 다음 작업을 수행할 수 있습니다:
- 어떤 코드든 실행할 수 있습니다.
- 요청 및 응답 객체를 변경할 수 있습니다.
- 요청-응답 사이클을 종료할 수 있습니다.
- 스택의 다음 미들웨어 함수를 호출할 수 있습니다.

현재 미들웨어 함수가 요청-응답 사이클을 종료하지 않으면, 제어를 다음 미들웨어 함수에 넘기기 위해 반드시 `next()`를 호출해야 합니다. 그렇지 않으면 요청이 중단됩니다.

Express.js

Express.js의 미들웨어에서 next 매개변수는 어떤 의미를 가지나요?

Express.js 미들웨어의 **next** 매개변수는 호출될 때 스택의 다음 미들웨어로 호출을 이동시키는 함수입니다.

미들웨어 함수가 요청-응답 주기를 끝내지 않으면, 제어를 다음 미들웨어 함수로 넘기기 위해 반드시 `next()`를 호출해야 합니다. 그렇지 않으면 요청이 보류 상태로 남게 됩니다.

`next()`의 작동 원리는 매우 간단합니다: `next()`가 호출되면 실행이 현재 레벨의 다음 미들웨어로 이동합니다.

다음 함수를 사용하는 예제 코드:

app.use((req, res, next) => {
    console.log('첫 번째 미들웨어');
    next();
});

app.use((req, res, next) => {
    console.log('두 번째 미들웨어');
    res.end();
});

위의 예제에서 요청을 받은 후 첫 번째 미들웨어는 `console.log`를 호출하고, `next()`를 호출하여 제어를 두 번째 미들웨어로 넘깁니다. 두 번째 미들웨어에서는 `res.end()`를 호출하여 요청-응답 주기를 마무리합니다.

`next()` 함수는 오류와 함께 호출될 수도 있으며, 이 경우 제어는 다음 오류 처리 미들웨어로 넘어갑니다:

app.use((req, res, next) => {
    console.log('첫 번째 미들웨어');
    next(new Error('Error'));
});

app.use((err, req, res, next) => {
    console.error(err.stack);
    res.status(500).send('서버 오류!');
});

위의 예제에서 요청을 받은 후 첫 번째 미들웨어는 새로운 오류를 생성하고 이를 `next()`에 전달하여 다음 오류 처리 미들웨어로 이동합니다. 오류 처리 미들웨어는 오류를 로그로 남기고 사용자에게 응답을 반환합니다.

Express.js

Express.js에서 정적 파일을 어떻게 정의하나요?

Express.js는 웹 서버 생성 촉진을 목적으로 설계된 고도로 구성 가능한 Node.js 프레임워크입니다. 이 프레임워크는 서버 기능을 확장하기 위해 정적 파일의 정의를 쉽게 할 수 있도록 해줍니다.

Express.js에서 정적 파일을 정의하는 것은 간단합니다. 이를 위해 내장 미들웨어 함수인 **express.static()**을 사용할 것입니다.

정적 파일을 정의하려면 먼저 express를 불러온 후, 제공하려는 디렉토리의 경로와 함께 express.static() 함수를 적용하면 됩니다. 일반적으로 이는 메인 애플리케이션 디렉토리 내의 'public' 디렉토리입니다.

const express = require('express');
    const app = express();

    app.use(express.static('public'));

위 코드에서 express.static('public')은 Express 서버에게 'public' 디렉토리의 내용을 정적 파일로 서빙하도록 지시합니다. 이 파일들이 정의되면, 메인 URL로부터 직접 접근할 수 있게 됩니다.

실제로 이는 'public' 디렉토리에 `index.html` 파일이 존재하는 경우, 이 파일이 `http://localhost:3000/index.html`에서 이용 가능하다는 것을 의미합니다 (서버가 로컬에서 3000번 포트로 실행되고 있다고 가정할 때). 만약 'public' 디렉토리 내의 `css` 하위 디렉토리에 `styles.css` 파일이 있으면, 이는 `http://localhost:3000/css/styles.css`에서 이용 가능합니다.

Express.js

Express.js에서 res.json()란 무엇이며, 무슨 용도로 사용되나요?

Express.js에서 **res.json()** 함수는 클라이언트에게 JSON 응답을 전송하는 데 사용됩니다. 이는 Express가 요청 처리 함수로 전달하는 응답 객체에서 사용할 수 있는 특별한 메서드입니다.

"json"이라는 이름은 네트워크를 통한 데이터 교환 표준 형식인 JavaScript Object Notation에서 유래되었습니다. **res.json()** 메서드는 JavaScript 객체나 값을 자동으로 JSON으로 변환한 후, 이를 HTTP 응답으로 전송합니다.

또한, 이 메서드는 응답에 적절한 Content-Type 헤더를 설정하여 클라이언트에게 응답이 JSON임을 알립니다.

다음은 **res.json()**을 사용하는 샘플 코드 조각입니다:

app.get('/api/data', (req, res) => {
  const data = {
    id: 1,
    name: 'Test',
  };
  
  res.json(data);
});

위 예제에서 클라이언트가 '/api/data'에 GET 요청을 하면, Express.js는 `data` 객체를 포함하는 JSON 응답을 반환합니다.

다운로드 IT Flashcards 지금

최고의 플래시카드 앱으로 IT 학습 여정을 강화하세요. 프로그래밍 기초부터 고급 기술 마스터리까지, IT 플래시카드는 IT에서의 우수성을 향한 여권입니다. 지금 다운로드하여 오늘의 경쟁력 있는 기술 세계에서의 잠재력을 발견하세요.

에서 받기

PLAY STORE

다음에서 다운로드

APP STORE