Language

CORS(Cross-Origin Resource Sharing)는 웹 개발자들 사이에서 빈번하게 논의되는 주제입니다. 하지만 웹사이트 개발에 있어서 필수 보안 정책입니다. 웹사이트를 만들 때 마주치는 다양한 도전 중 하나인 CORS는 특히 REST API 서버 개발 시 중요한 역할을 합니다. 이 글에서는 CORS가 웹사이트 개발을 어렵게 만드는 이유와 그 중요성에 대해 설명하겠습니다. 이글을 쓴 이유는 REST API서버를 만들었는데 fetch 에러났습니다. [Nodejs] RestAPI 서버를 만들었는데 TypeError: Failed to fetch 에러 앞선 포스트에서 Node.js를 사용하여 RESTful API 서버를 만들었으나, 클라이언트에서 요청을 보낼 때 "TypeError: Failed ..

앞선 포스트에서 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. 기본 서버 코드 작성 서버..