이번 글에서는 자바스크립트와 Zeit Now를 이용하여 간단한 뉴스 애플리케이션을 개발하는 방법을 알아보겠습니다.

준비물

• 자바스크립트
• Zeit Now 계정
• 뉴스 API 키

1. 프로젝트 초기화

먼저, 폴더를 생성하고 해당 폴더로 이동하여 아래 명령어를 사용하여 프로젝트를 초기화합니다.

$ npm init -y

2. 필요한 패키지 설치하기

다음으로, 필요한 패키지들을 설치합니다. 이번 프로젝트에서는 express, node-fetch 패키지를 설치합니다. 아래 명령어를 사용하여 패키지를 설치합니다.

$ npm install express node-fetch

3. 서버 코드 구현하기

이제 서버 코드를 구현합니다. index.js 파일을 생성하고 아래 코드를 작성합니다.

const express = require('express');
const fetch = require('node-fetch');

const app = express();

app.get('/news', async (req, res) => {
  try {
    const response = await fetch('https://newsapi.org/v2/top-headlines?country=us&apiKey=YOUR_API_KEY');
    const data = await response.json();
    res.json(data);
  } catch (error) {
    console.error(error);
    res.sendStatus(500);
  }
});

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

위 코드에서 YOUR_API_KEY 부분을 자신의 뉴스 API 키로 변경해야 합니다.

4. Zeit Now를 이용해 배포하기

이제 Zeit Now를 이용해 애플리케이션을 배포합니다. 다음 명령어를 사용하여 Zeit Now에 로그인합니다.

$ npx now login

로그인이 완료되면, 다음 명령어를 사용하여 프로젝트를 배포합니다.

$ npx now

배포가 완료되면, 제공된 URL을 통해 애플리케이션에 접속할 수 있습니다.

마무리

이제 자바스크립트와 Zeit Now를 이용하여 간단한 뉴스 애플리케이션을 개발하는 방법을 알아보았습니다. Zeit Now를 이용하면 서버리스 환경에서 쉽게 애플리케이션을 배포할 수 있습니다. 자세한 내용은 Zeit Now의 공식 문서를 참고하시기 바랍니다.

• 뉴스 API: https://newsapi.org
• Zeit Now: https://zeit.co/now

#javascript #now