백엔드/노드제이에스 (6) 썸네일형 리스트형 파일업로드 파일은 유저가 가진 이미지, 비디오, 문서 등을 의미하며, 일반 폼에 비해 형식과 보안 등에 있어 조금 더 많은 작업이 필요합니다. 오늘은 노드제이에스 서버에 파일을 업로드하는 방법을 보겠습니다. HTML 삽입 미리보기할 수 없는 소스 노드제이에스 서버 만들기 웹 서버는 웹애플리케이션에 사용자가 접근 가능하도록 사이트의 모든 정보 (파일들)를 담고 있습니다. 해당 정보요청과 요청에 대한 응답은 HTTP(S)로 많이 이루어지는데요. 오늘은 Node.js에 탑재된 모듈인 'http'를 사용하여 웹 서버를 만들어보겠습니다. HTML 삽입 미리보기할 수 없는 소스 노드제이에스? 노드제이에스는 자바스크립트를 기반으로 한 백엔드 언어로 빠른 속도를 자랑합니다. 설치하기 아래 링크를 통해 노드제이에스 홈페이지로 이동합니다. Node.js (nodejs.org) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1. Window LTS 버전을 선택 (current 버전이 최신버전이긴 하지만 베타버전이라 안정성이 떨어짐) 다운로드가 완료되면 인스톨러를 실행합니다. 동의 후 'next' 추가도구는 설치는 선택사항이므로 원하는 경우 선택합니다. 아래 명령어를 통해 버전확인이 되면 정상적으로 설치가 완료 node -v 사용하기 먼저, 프로젝트 폴더를 생성 후 편집기를 열고 .js.. 노드제이에스 서버 만들기 (익스프레스) 웹 서버는 웹애플리케이션에 사용자가 접근 가능하도록 사이트의 모든 정보 (파일들)를 담고 있습니다. 해당 정보요청과 요청에 대한 응답은 HTTP(S)로 많이 이루어지는데요. 오늘은 웹 애플리케이션 프레임워크인 NPM express를 사용하여 Node.js 웹 서버를 만들어보겠습니다. 익스프레스? 익스프레스 (express)는 웹 애플리케이션 제작에 필요한 서버 측의 다양한 기능들을 미리 구현해 놓은 프레임워크로 웹 애플리케이션 제작에 필수기능들을 직접 코드작성 없이 사용하게 해 줍니다. 프로젝트 생성 먼저 npm 패키지를 실행하기 위해 아래 명령어를 실행합니다. npm init 설정할 때 아래 그림처럼 물어보는 게 많은데 아래와 같이 옵션을 추가하면 자동으로 모든 설정이 완료됩니다 (이후 package... 몽고디비 (MongoDB) 와 연결하기 몽고디비는 비관계형 데이터베이스로 사용법이 단순하여 노드제이에스 개발자들 사이에 인기가 많습니다. 오늘은 노드제이에스 서버와 몽고디비를 연결하는 방법을 보겠습니다. 몽고디비에서 커넥션 스트링 가져오기 먼저, 몽고디비(https://cloud.mongodb.com/ )에서 해당 데이터베이스를 열고 'Connect'를 누릅니다. 열린 팝업에서 'MongoDB for VS Code'을 선택합니다. 3번에 커넥션 스트링 복사 애플리케이션에 연결하기 애플리케이션으로 이동하여 몽구스를 설치합니다. npm i mongoose 서버파일로 이동하여 (주로 server.js 또는 app.js를 많이 사용) 아래와 같이 몽구스를 가져옵니다. 그리고 .connect()를 사용하여 연결하는데요. connect() 안에 매개변수.. 노드제이에스 - 앵귤러 서버 API 배포하기 (Render) 백엔드 API기능을 가진 앵귤러 프로젝트를 배포하는 방식은 여러 가지가 있는데요. 크게는 Front와 Back을 따로 배포하고 연결할 건지 아니면 동시에 한 곳에 배포할 건지로 구분됩니다. 오늘은 Render와 Netlify를 사용하여 나누어서 배포하는 방식을 보겠습니다. 배포된 애플리케이션 Angular와 MongDB를 사용하여 만들어졌으며 Render의 무료버전은 MongDB를 지원하지 않기 때문에 MongDB을 지원하는 가장 저렴한 플랜으로 배포되었습니다 (무료 배포 아님). 개발환경과 프로덕션환경 구분 없이 분리된 Front와 Back 서버를 함께 작동시키고 작업된 코드를 깃에 커밋만 하면 자동 배포가 되도록 설정해 보겠습니다. Backend 배포 먼저 렌더에서 'Web service'를 생성합니.. 이전 1 다음
