inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

동물 앨범 만들기-1-1

API 관련 질문

해결된 질문

165

지지지지지

작성한 질문수 3

1

안녕하세요 !

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

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

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

javascript rest-api spa dom

답변 2

1

효빈 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

감사합니다.

1

지지지지지

감사합니다!!

0

인프런 AI 인턴

안녕하세요, 인프런 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 개발의 기본적인 이해를 돕기 위해 관련 강의를 수강하거나 참고서적을 찾아보시는 것도 좋은 방법입니다.

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

콜백 함수 메서드 등록

0

86

2

ssr방식 경험

0

80

1

compare 함수 설명에 오해의 소지가 있어보입니다.

0

85

2

API를 비동기 처리하는 이유가 끊겨서 그런건가요?

0

100

2

DOM 트리 보는 곳

0

85

1

배열과 객체의 구조분해할당 방법이 다른 이유

0

82

2

배열 메서드가 순수 함수인지 확인하는 방법

0

73

2

콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?

0

72

2

콜백 함수의 매개변수는 어떻게 구분되나요?

0

62

1

호이스팅 안쓰는게 좋나요?

0

55

2

함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?

0

84

2

?. 연산자는 자바스크립트 연산자인가요?

0

48

1

JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?

0

88

2

자바스크립트 질문

1

104

2

동물앨범만들기 1-1 api 오류

0

57

2

CityList개발-handleLoadMore함수질문

0

75

1

객체와 배열의 const 차이

0

48

1

const 객체/배열 차이

0

65

2

header 개발 새로고침 오류

0

69

2

Promise 객체

1

59

2

cityList 렌더가 안되는 문제

0

58

2

init 함수 앞에 await

1

69

2

동물 앨범 만들기 pushtState 관련

0

62

2

동물 앨범 만들기 사진 관련 문의

0

78

2