인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

지지지지지님의 프로필 이미지
지지지지지

작성한 질문수

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

1. 동물 앨범 만들기-1-1

API 관련 질문

해결된 질문

작성

·

25

1

안녕하세요 !

해당 강의를 듣고 기능은 비슷한데 내용은 조금 다른 홈페이지를 제작해보고 싶어져서 질문 드립니다 !

API를 호출하는 기능은 이해했는데,

강사님이 만드신 API 처럼 저도 직접 간단한 정보를 담은 api 를 만들어보고 싶은데 이 부분은 어떻게 제작하는 지 알 수 있을까요?!

답변 2

0

효빈 Hyobin님의 프로필 이미지
효빈 Hyobin
지식공유자

안녕하세요 🙂 질문주셔서 감사합니다.
휴가로 인해 답변이 늦어졌습니다. 죄송합니다.

API 제작에 대한 내용은 강의에서 따로 다루고 있지 않아서,
"api 제작하기" 라는 키워드로 검색해보시는 것을 추천드립니다!

 

express.js로 제작을 희망하신다면, 아래의 블로그를 참고해보셔도 좋을 것 같습니다.
https://velog.io/@archivvonjang/Node.js-%EA%B0%84%EB%8B%A8%ED%95%9C-API-%EC%84%9C%EB%B2%84-%EB%A7%8C%EB%93%A4%EA%B8%B0

감사합니다.

0

안녕하세요, 인프런 AI 인턴입니다.

지지지지지님, 직접 API를 만드는 것은 웹 개발의 필수적인 부분입니다. 간단한 정보를 담은 API를 만들기 위해 여러 방법이 있지만, 주로 Node.js와 Express를 사용하여 서버를 구축하고 JSON 형태로 데이터를 제공하는 방식이 일반적입니다.

다음은 Node.js와 Express를 사용하여 간단한 API를 구성하는 기본 예시입니다:
1. Node.js 설치: 먼저, Node.js를 설치해야 합니다. Node.js 공식 웹사이트에서 다운로드할 수 있습니다.
2. 프로젝트 초기화: 프로젝트 폴더를 만들고, 해당 폴더에서 npm init -y 명령어를 사용하여 package.json 파일을 생성합니다.
3. Express 설치: npm install express 명령어로 Express를 설치합니다.
4. 서버 설정하기: server.js 파일을 만들고 아래 코드를 추가합니다.

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

   app.get('/api/data', (req, res) => {
     res.json({ message: 'Hello World', data: [1, 2, 3, 4] });
   });

   app.listen(port, () => {
     console.log(`Server running at http://localhost:${port}`);
   });
  1. 서버 실행: node server.js 명령어로 서버를 실행하고 브라우저를 열어 http://localhost:3000/api/data에 접근하여 API가 정상 작동하는지 확인합니다.

더 복잡한 API를 만들고 싶으시다면 데이터베이스와의 연동, 데이터 처리 로직 등을 추가하여 확장할 수 있습니다. API 개발의 기본적인 이해를 돕기 위해 관련 강의를 수강하거나 참고서적을 찾아보시는 것도 좋은 방법입니다.

추가적으로 더 궁금한 사항이 있으시면 언제든지 질문 주세요. 감사합니다!

지지지지지님의 프로필 이미지
지지지지지

작성한 질문수

질문하기