노드에서 프레임을 선택합니다.js

간단한 소개


Today, I will be writing about my findings on using frameworks in
a Node.js project as a beginner.


나는 인코딩을 시작한 모든 사람들이 이런 상황을 만났다고 가정할 수 밖에 없다...
프로젝트를 진행할 때 특정한 기능을 실현하거나 특정한 구조를 사용하여 절차를 간소화하기를 원합니다.
이 게시물은 내가 이런 상황에서 발견한 것을 이야기할 것이다.

1.당신은 무엇을 하고 싶습니까?


자신에게 묻는 첫 번째 질문은 어떤 기능을 원하느냐는 것이다.정확한 프레임워크를 설치하기 위해서는 필요한 기능과 패키지에서 제공할 기능을 찾아야 합니다.
일부 소프트웨어 패키지는 특정한 다른 프레임워크, 심지어는 특정한 데이터베이스 관리자, 등등...
예를 들어 보겠습니다.

  • Vuetify
    Vuetify는 프레임워크로 Vue를 사용할 때 더 좋은 ui 구성 요소를 만드는 데 도움을 줄 수 있는 프레임워크입니다.이것은 Reactjs 또는 Svelte 등 다른 종류의 프레임워크를 사용할 때 별로 쓸모가 없다는 것을 의미한다.

  • 1.2 사용 가능한 유행 프레임워크의 예:
    Javascript 프로젝트를 처리할 때, 보통 이 프로젝트의 서버 기능을 지원하기 위해 전방 프레임워크 (사이트와 인터페이스에 관한 구성 요소) 와 후방 프레임워크를 동시에 설치합니다.
    예: 반응.js와 Express.js
    React.js

    React 애플리케이션은 언제든지 사용할 수 있는 패키지를 제공합니다.이것은 너에게 많은 시간을 절약할 것이다.

    Express.js

    한편 Express는 서버를 담당합니다.예를 들어 Api를 연결하고 등록/로그인 시스템을 사용하는 것(또는 자신의 프레임워크일 수도 있음) 등등...
    프로젝트의 두 부분에서 사용할 특정 의존항을 설치할 수 있습니다.이것들은 package.json 개의 파일에 저장될 것이다.그러나 우리는 잠시 후에 이 문제를 다시 토론할 것이다.

    Just remember that we can use a lot of different frameworks inside a project, and even have it separated between different parts of a project, like the "front-end" part and the "back-end" part!


    하지만 계속합시다...

    2. 폐기하시겠습니까?


    만약 우리가 우리 프로젝트에 적합한 틀을 찾았다면...그것의 활동(예를 들어 최신 업데이트 날짜)과 가용성을 찾는 것이 매우 중요합니다!
    기억해야 할 요소:
  • 최근에 업데이트 또는 유지 보수가 이루어졌습니까?
  • 지원하는 웹 브라우저는 무엇입니까?
  • 자주 다운로드/설치하십니까?
  • 파일이 충분합니까?
  • As a beginner one of the biggest problems when working with a unknown framework will be figuring out how to use it.따라서 좋은 문서 기록이 있는 프레임워크만 사용하기를 원할 수도 있습니다.

    3. 진화했다!


    대부분의 틀은 처음에 시작되었다. 이것은 그들이 반드시 정기적으로 발전할 것이라는 것을 의미한다. 물론 포기되지 않는 한. (그러나 이것이 바로 우리가 본문의 두 번째 부분을 기억해야 하는 이유이다.)
    즉, 원본 저장소의 새 업데이트/메시지를 자주 보는 것이 좋습니다.
    내가 가장 좋아하는 권장 사항 중 하나는 GitHub에 있는 저장소의 문제 페이지를 보는 것입니다.

    그것은 정보의 금광이 될 수도 있고, 때로는 어떤 잘못된 대답에 대한 답을 찾을 수도 있다.

    4. 구현


    그래서...우리는 우리의 프레임워크를 발견했다. 그것은 우리가 필요로 하는 것이 있고, 최근에 업데이트된 것이며, 좋은 문서 기록이 있으며, 이미 다른 사람들이 많이 사용하고 있는 것이다.완벽해!
    지금 우리는 그것을 설치해야 한다.
    프레임워크를 설치하려면 먼저 노드 프로젝트를 초기화해야 합니다.
    터미널을 사용하여 프로젝트 폴더로 이동할 수 있습니다. 이 폴더에서 다음 코드 행을 사용하여 터미널에 들어가서 노드를 초기화할 수 있습니다.
    npm init
    
    package.json 파일에 항목을 설정하기 위해 설정 질문을 할 것입니다.
    첫 번째 의존항(프레임 포함)을 설치하면 다음과 같이 "dependencies":에서 이러한 의존항을 찾을 수 있습니다.
      "dependencies": {
        "bcryptjs": "^2.4.3",
        "cookie-parser": "^1.4.5",
        "cors": "^2.8.5",
        "debug": "~2.6.9",
        "express": "~4.16.1",
        "express-session": "^1.17.1",
        "http-errors": "~1.6.3",
        "morgan": "~1.9.1",
        "multer": "^1.4.2",
        "mysql": "^2.18.1",
        "nodemon": "^2.0.7",
        "passport": "^0.4.1",
        "passport-local": "^1.0.0"
      }
    
    새 프레임워크를 추가하는 것은 사실상 상당히 간단하다. 예를 들어 npm 또는 yarn를 사용하고 사용하는 패키지 관리자에 따라 설치 문법을 사용하기만 하면 된다
    npm:
    >path>to>project> npm install package-name
    or...
    >path>to>project> npm -i package-name
    
    실:
    >path>to>project> yarn add package-name
    
    대부분의 의존 항목이 웹 사이트나 npmjs.com 에서 사용할 수 있도록 이 코드를 준비해 놓은 것을 발견할 수 있습니다.

    Basile&Code

    좋은 웹페이지 즐겨찾기