앞선 포스트에서 Node.js를 사용하여 RESTful API 서버를 만들었으나, 클라이언트에서 요청을 보낼 때 "TypeError: Failed to fetch" 오류를 만났다. 또한 "Uncaught (in promise) TypeError: Failed to fetch" 오류도 발생하였다. 이러한 오류들의 주된 원인은 CORS(Cross-Origin Resource Sharing)에 관련된 문제이다. 1. TypeError: Failed to fetch 에러 발생 앞선 포스트에서 Node.js를 사용하여 RESTful API 서버를 만글고, 클라이언트에서 값을 입력해서 진행을 했는데 진행이 안되서 디버깅 창을 켜보니 TypeError: Failed to fetch 와 같은 에러가 발생하면서 동작이 ..
이전 글에서는 Nodejs를 사용하여 RESTful API 서버를 만드는 방법에 대해 알아보았다. 이번 글에서는 해당 API 서버와 통신하는 클라이언트 서버를 구축하는 방법을 살펴볼 것이다. 이 클라이언트는 웹 페이지를 통해 사용자에게 인터페이스를 제공하며, JavaScript를 통해 서버와 데이터를 주고받는다. 1. Nodejs로 RESTful API 서버와 클라이언트가 통신하는 구조 Nodejs로 RESTful API 서버와 클라이언트가 통신하는 구조는 위 그림과 같이 설정했다. 간단하게 웹서버가 웹페이지 돌리고, 자바스크립트로 통신하는 프로그램으로 만들 것이다. 클라이언트는 Express를 사용하여 간단한 웹 서버를 설정하고, EJS를 템플릿 엔진으로 사용할 것이다. 2. 클라이언트 서버 개발 환경..
RESTful API는 웹 애플리케이션 개발의 핵심 요소 중 하나이다. 이전 글에서는 RESTful API의 개념에 대해 소개하였다. 이번 포스트에서는 Nodejs를 활용해 실제로 간단한 RESTful API 서버를 만드는 방법에 대해 알아보겠다. 1. RESTful API Server 프로젝트 초기 설정 먼저, Node.js가 설치되어 있는지 확인하고, 새로운 프로젝트 폴더를 만든다. node -v mkdir my-restful-api cd my-restful-api 2. 패키지 관리 및 필요 라이브러리 설치 package.json 파일을 초기화하고 Express와 함께 필요한 패키지를 설치. npm init -y npm install express body-parser 3. 기본 서버 코드 작성 서버..
Nodejs로 웹서버를 운영하다보면 하나의 서버에서 다 운영하다보면 프론트 단에서 멈추는 순간이면 서버가 멈칫 할 수가 있다. 서버는 응답만 해주면 되는데, 그래서 웹서버도 서버와 클라이언트로 나누어야 한다. Nodejs RESTful API Server란무엇인지 알아보자 그래서 만들려고 하는건 RESTful API Server 여기서 REST (Representational State Transfer)는 웹 서비스와 애플리케이션 간의 통신을 위한 아키텍처 스타일이다. REST는 웹에서 사용되는 기본 프로토콜인 HTTP를 기반으로 하며, 자원에 대한 CRUD (Create, Read, Update, Delete) 작업을 수행할 수 있는 일관된 인터페이스를 제공한다. RESTful 웹 서비스 특징 그래서 ..