이 가이드에서는 다음을 살펴보겠습니다. Windows 컴퓨터에 JSON 서버를 설치하는 방법 . 따라서 귀하가 프런트엔드 개발자이거나 JSON을 데이터 소스로 사용하여 API를 탐색하려는 지망생이라면 이 가이드가 도움이 될 것입니다.
JSON 서버란 무엇입니까?
JSON 약자 자바스크립트 객체 표기법 , 경량 데이터 교환 형식입니다. JSON Server는 개발자가 JSON 파일을 데이터 소스로 사용하여 RESTful API를 모방할 수 있도록 하는 Node.js 기반의 간편한 도구입니다. 이는 백엔드 API를 아직 사용할 수 없을 때 복잡한 서버 측 코드를 작성하지 않고도 모의 API를 만들 수 있으므로 프런트엔드 개발자에게 특히 유용합니다. 따라서 클라이언트 컴퓨터를 사용하고 있고 백엔드 API나 데이터베이스에 액세스할 수 없다면 JSON 서버가 가장 좋습니다.
Windows 컴퓨터에 JSON 서버 설치
Windows 컴퓨터에 JSON 서버를 설치하기 위해 Visual Studio Code IDE를 사용합니다. 이렇게 하려면 아래에 설명된 단계를 따르세요.
- Visual Studio Code 다운로드 및 설치
- JSON 서버 설치
- Visual Studio Code를 사용하여 JSON 파일 만들기
- JSON 서버 시작
그들에 대해 자세히 이야기합시다.
1] Visual Studio Code 다운로드 및 설치
Windows 업데이트 에이전트 재설정
우선 Visual Studio Code를 다운로드해야 합니다. code.visualstudio.com . 이후 JSON 파일을 생성하는 데 사용할 것은 Microsoft의 무료 IDE입니다. 앞서 언급한 링크로 이동한 후 반드시 다음을 클릭하세요. 윈도우 이 튜토리얼은 Windows용이므로 아이콘을 클릭하세요.
2] JSON 서버 설치
이제 컴퓨터에 JSON 서버를 설치해야 합니다. 먼저 파일 탐색기를 열고 프로젝트로 이동합니다. 그런 다음 공간을 마우스 오른쪽 버튼으로 클릭하고 선택합니다. 터미널 > 명령 프롬프트. 마지막으로 다음 명령을 실행하여 JSON 서버를 설치합니다.
npm install -g json-server
JSON 서버는 컴퓨터에 전역적으로 설치되지 않습니다. 로컬에서 필요한 경우 특정 애플리케이션에 대해서만 아래에 언급된 명령을 사용해야 합니다.
npm i json-server
이것이 컴퓨터에 JSON 서버를 설치하는 방법입니다.
3] Visual Studio Code를 사용하여 JSON 파일 만들기
컴퓨터에 JSON 서버를 설치한 후 프로젝트의 데이터베이스 역할을 하는 JSON 파일을 만들 수 있습니다. 같은 작업을 수행하려면 다음을 엽니다. 비주얼 스튜디오 코드 시작 메뉴에서. VS Code를 연 후 다음을 클릭하세요. 파일 > 폴더, 그런 다음 cd 명령을 사용하여 프로젝트 위치로 이동합니다.
폴더를 연 후 다음을 클릭하세요. 새로운 파일 아이콘을 클릭하고
엔드포인트에 요청을 보내는 샘플 API를 개발할 것입니다. 이 API는 HTTP 요청에 응답하므로 프로젝트를 신속하게 개발해야 하는 프런트 엔드 개발자에게 탁월한 선택입니다. JSON 서버는 이 API를 생성하는 데 사용되며 개발자는 CRUD(생성, 읽기, 업데이트 및 삭제) 작업을 수행하고 데이터를 JSON 형식으로 저장할 수 있습니다. JSON 데이터는 키-값 쌍으로 구성되며 다음 형식으로 작성됩니다.
소프트웨어 복사
{
"name": "Gregg",
"emp-ID": 101,
"gender": "Male",
"team": "Database"
}여기에는 '이름', 'emp-ID', '성별', '팀'이 있습니다. 속성, 'Gregg', '101', 'Male' 및 'Database'는 가치 해당 속성과 관련이 있습니다.
JSON 파일에 데이터를 정의합니다. 객체의 배열이거나 중첩된 객체가 있는 객체일 수 있습니다. 각 객체에는 고유한 ID가 있어야 합니다.
4] JSON 서버 시작
JSON 파일을 만들었으니 서버를 부팅해 보겠습니다. 동일한 작업을 수행하려면 명령 프롬프트를 열고 cd 명령을 사용하여 프로젝트 위치로 이동한 후 다음 명령을 실행하세요.
json-server --watch db.json
허용하라는 메시지가 표시됩니다. Node.JS 자바스크립트 런타임 개인 및 공용 네트워크에서 액세스하려면 다음을 클릭하십시오. 허용하다 . 명령이 실행되고 출력이 제공됩니다. JSON 서버를 열려면 Index 아래에 언급된 URL을 브라우저에 붙여넣어야 합니다.
JSON 서버가 시작되고, 입력한 값을 확인할 수 있습니다. 속성이 화면에 표시되고, 속성 중 하나를 클릭하면 관련 값이 표시됩니다.
그게 다야!
읽다: 읽을 수 있는 형식으로 JSON 파일을 여는 방법
Windows에 JSON 서버를 어떻게 설치합니까?
Windows 컴퓨터에 JSON 서버를 설치하려면 다음 명령을 실행해야 합니다. npm 설치 -g json-서버. 서버를 전역으로 설치하고, 로컬로 설치하려면 작업 디렉터리를 프로젝트가 있는 위치로 설정한 다음 실행합니다. npm 및 json-서버.
읽다: Windows에서 시간 서버를 추가하거나 변경하는 방법
Windows에서 JSON을 실행하는 방법은 무엇입니까?
명령 프롬프트에서 JSON 파일을 실행할 수 있습니다. 따라서 파일 탐색기를 열고 JSON 파일이 있는 디렉터리로 이동한 후 마우스 오른쪽 버튼을 클릭하고 터미널을 선택하세요. 그런 다음 실행 json-서버 – db.json을 확인하세요.
또한 읽어보세요: Windows에서 FTP 서버를 설정하는 방법 .
