Simple Express 앱 이해하기 | Node.js

8459 단어 expressnodecodenewbiebeginners
OOPS의 모듈성 개념에 익숙하시죠? 그래서 이 글에는 제 소개가 없습니다. 😆


기술 여정을 어떻게 시작했습니까?

Dhawal Singh Panwar ・ 2020년 8월 22일 ・ 3분 읽기

#story #firstpost




소개



Express는 API를 빠르고 쉽게 구축할 수 있게 해주는 프레임워크입니다.

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

With a myriad of HTTP utility methods and middleware at your disposal, creating a robust API is quick and easy.



의제는 Simple Express App 🌱을(를) 개발하는 데 걸린 각 코드 줄을 이해하는 것입니다.


dsp9107 / 심플 익스프레스 앱


데모용으로 매우 간단한 Express 앱입니다.




내용물


  • Introduction

  • Setup
  • Windows
  • Linux


  • Usage
  • Starting the Server
  • Interacting with the Server

  • Explanation
  • Conclusion
  • References
  • Further Reads

    • 설정



    개발 부분으로 넘어가기 전에 개발 환경을 설정해 봅시다.

    윈도우


  • 가져오기 VS Code
  • 가져오기 Node.js
  • 여기를 클릭하여 Simple Express App 다운로드: ⬇️


    dsp9107 / 심플 익스프레스 앱


    데모용으로 매우 간단한 Express 앱입니다.





    심플익스프레스 앱


    this app을 사용하여 Node.js에서 Express 앱으로 기본 API를 설정하는 데 필요한 각 코드 라인을 이해하세요 🌱

    용법

    npm install만 있으면 됩니다.
    튜토리얼 - 체크아웃!
    설명 - 체크아웃this gist !

    선적 서류 비치


    이용 가능한 오픈 루트입니다.
  • queryParams
  • bodyJSON
  • pathVars





    • View on GitHub

  • 편리한 경험을 위해 압축을 풀고 VS Code에서 폴더를 엽니다 😁

    • 리눅스


  • VS 코드 설치

    • sudo snap install --classic code

  • Node.js 및 npm 설치

    • sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install npm

  • 클론 this repo

    • git clone https://github.com/dsp9107/Simple-Express-App.git

  • 편리한 경험을 위해 VS Code로 디렉토리 열기 😁

    • cd Simple-Express-App
code .

    용법



    서버를 실행한 다음 상호 작용 부분으로 이동합니다.

    서버 시작


  • VS Code가 열리면 하단에 보이지 않으면 Ctrl + `로 통합 터미널을 엽니다
    • .
  • 종속성을 설치합니다.

    • npm install

  • 종속성이 설치되는 동안 VS Code를 약간 조정해 보겠습니다 😀



    • JavaScript 개발을 위한 VS Code 설정

    Dhawal Singh Panwar ・ 2020년 8월 22일 ・ 4분 읽기

    #vscode #productivity #javascript #beginners



  • 완료되면 서버를 시작하겠습니다.

    • npm start

    터미널에서 Listening At somenumber ... 를 볼 수 있습니다. 여기서부터 PORT라고 부를 것입니다.

    서버와 상호 작용


  • 아무 브라우저나 엽니다.
  • localhost:PORT/pathVars/helloWorld로 이동

    • 페이지에서 응답을 볼 수 있습니다. URL에서 helloWorld를 somethingElse로 바꾸십시오. 이들은 설명된 경로 변수입니다below.

    Using the URL bar of browsers, you can only make GET requests.


  • 이 게시물에서는 Postman을 사용하여 Simple Express 앱과 상호 작용하는 방법을 설명했습니다. 😄



    • Postman을 사용하여 Simple Express 앱과 상호 작용

    Dhawal Singh Panwar ・ 2020년 8월 31일 ・ 3분 읽기

    #beginners #node #express #postman



    보다 광범위한 HTTP 메서드 및 API 테스트 기능에 대해서는 Postman을 확인하십시오.

    설명



    가장 기본적인 것들을 설명하는 댓글이 있습니다.

    이것은 api.js 설명입니다!




    links 아래에 더 자세히 탐색하는 데 사용할 수 있습니다. 😄



    그리고 변경 사항이 있거나 없는 파일 중 하나를 저장할 때마다 nodemon 덕분에 서버가 다시 시작됩니다 🔥



    결론



    프레임워크로 직접 이동하는 것보다 기본 프로그래밍 언어에 익숙할 때 프레임워크를 따라잡는 것이 더 쉽습니다.



    참조





    추가 읽기




      <리/>
      <리/>
    angular로 쓴 고양이 사이드바/메뉴 지령, 임의의 탭 추가
    MongoDB 던전 컬렉션

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage