Frontend Study - 2/Node.js (4) 썸네일형 리스트형 Node.js : 데이터베이스에서 자료 가져와서 보내주기, 삭제, 상세페이지 제작 - 동적인 파라미터 id값 생성 프론트에서 전달해준 자료를 데이터베이스에 저장해 보았다. 1. 이제 데이터베이스에 있는 자료를 꺼내서 프론트에 전달하고 화면에 나타날 수 있게 하려한다. 아래 코드는 '/list' 주소로 get요청을 했을 때 데이터베이스의 자료를 전부 꺼내서 posts라는 키 값으로 전달하는 코드이다. 참고로 아래의 myDb라는 것은 이전 글에서 몽고db를 통해 데이터베이스와 연결시킨 변수 명. (server.js) app.get('/list', function(req, response){ myDb.collection('post').find().toArray(function(error, result){ console.log(result) response.render('list.ejs', { posts : result }.. Node.js : Database에 연결하기, 자료 저장하기 feat. MongoDB 보내주어야 하는 데이터들, 혹은 받아온 데이터들을 저장할 곳이 필요하다. 데이터베이스에 저장한다. 데이터베이스는 데이터를 일정한 형식으로 저장할 수 있게 도와주는 곳이다. (ex. Excel) 보통 사용하는 데이터베이스의 종류는 크게 두가지 이다. SQL (관계형 데이터베이스)와 NoSQL 데이터베이스. 대표적인 NoSQL 중 하나인 MongoDB를 통해서 데이터베이스를 사용해 보려한다. 512mb까지 무료 호스팅 가능한 MongoDB Atlas를 이용했다. https://cloud.mongodb.com/ 우선 가입을 한다. - 가입 후 데이터베이스 엑세스 카테고리에 들어가서 user 등록을 해준다. - 카테고리 중 한칸 아래인 Network Access에 들어가서 이용가능한 IP주소를 추가해준다. Al.. Node.js : express 활용한 기본 세팅. 서버 열기와 간단한 요청해보기. - 노드를 설치한다. - 터미널에서 yarn init | npm init : package.json 파일을 만들어 준다. 작성해야 하는 부분이 나오면 쭉 enter를 치고, entry point : 부분에서 server.js 입력해준다. - express를 설치한다. yarn add express | npm install express node로 서버를 작성할 때 쓰는 기본적인 템플릿이 있다. //server.js const express = require("express"); const app = express(); app.listen(8080, () => { console.log("server open in 8080"); }); 첫 두줄은 express 라이브러리를 가져오는 것과 사용하는 것. lis.. Node.js : node js란? node js의 특징. 개발을 하다보면 이것 저것 궁금한게 많다. 모르는게 많아서 그런가.. 알고 싶고 배우고 싶은 것들이 많아진다. 프론트에서 서버로 요청만 해봤지 백엔드에서 뭐가 어떻게 돌아가는지에 대해서는 잘 모른다. 얕게라도 이해하면 개발에 도움이 될 수 있을 것 같아서 시작하게 되었다. Node.js Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임. 즉 Node.js는 자바스크립트를 브라우저가 아닌 다른 곳에서도 실행할 수 있게 하는 실행환경이다. Node.js의 특징 기본적으로 자바스크립트는 싱글쓰레드 언어이다. 한번에 하나의 요청만 처리한다. 그 요청이 처리되는 동안 다른 요청을 할 수 없는 모델이 싱글쓰레드 블로킹 모델이다. node js는 특별하다. 하나의 요청이.. 이전 1 다음