daehyuntstory

/add로 POST요청시 DB에 저장하는 코드를 만들었다. app.post('/add', function(요청, 응답){ 응답.send('전송완료'); db.collection('post').insertOne( { 제목 : 요청.body.title, 날짜 : 요청.body.date } , function(){ console.log('저장완료') }); }); 저번글에서 데이터저장하던 예제코드를 똑같이 작성하고 안에 내용물만 살짝 바꿨습니다. 그럼 이제 폼에서 뭔가 전송시킬 때마다 DB에 데이터를 저장합니다. 그리고 참고로 응답.send() 이 부분은 항상 존재해야합니다. 전송이 성공하든 실패하든 뭔가 서버에서 보내주어야합니다. 안그러면 브라우저 멈춰요. 메세지 같은걸 보내주기 싫다면 간단한 응답코드나 아..

문법특집 : 콜백함수에 대해 알아보자 자바스크립트에서 즐겨 쓰는 문법 패턴 중 하나가 콜백함수입니다. 여러분 함수 아시죠? 함수는 그냥 function 예쁜함수(){} 이렇게 만들어서 쓰면 되지않습니까. 그런데 함수를 사용할 때 파라미터자리에 함수도 집어넣을 수 있습니다. 예를 들면 ... 우리가 get 함수를 쓸 때 계속 그래왔습니다. app.get( 어쩌구, function( ){ } ); get도 소괄호를 뒤에 붙이는걸 보니 함수가 맞는데, get 함수를 쓸 때 소괄호 내에 또 function(){} 이라는 함수를 집어넣고 있습니다. 요런 함수안에 들어가는 함수를 바로 콜백함수라고 부릅니다. 자바스크립트에선 무언가 순차적으로 실행하고 싶을 때 콜백함수를 이용합니다. app.get( '/write',..

자료를 저장하기 위해선 일단 MongoDB에 저장할 폴더와 파일을 만드세요 1. MongoDB Atlas 메인 대시보드에서 Collections 라는 버튼을 누르도록 합시다. database/ collection 만들기 ▼ 2. 이번엔 Add my own data 버튼을 누르도록 합시다. (혹은 이미 뭐가 있다면 create database) ▼ 3. database 이름, collection 이름을 예쁘게 하나씩 정해서 create 누릅시다. 저는 database 이름은 todoapp, collection 이름은 post 라고 지었습니다. database와 collection은 그림으로 그리자면 이렇습니다. database는 하나의 폴더, collection은 하나의 엑셀파일이라고 생각하면 대충 맞습니..

먼저 MongoDB 홈페이지에서 회원가입과 db를 생성후 다음 단계를 진행해야한다. https://daehyuntsory.tistory.com/69 MongoDB 데이터베이스 만들기(호스팅 방식) 1. 구글에 Mongodb atlas 라고 검색해서 들어가거나 mongodb.com 홈페이지를 방문합니다 . 2. 가입합니다. 메일인증 필요 ▼ 3. 가입시 뭐 채우라고 하면 잘 채워봅니다 ▼ 4. 무료 티어를 선택해서 서버위 daehyuntsory.tistory.com 위의 절차를 끝마쳤다면 이제 연결을 해보도록하자. 1. 메인페이지에서 project안에서 connect 누른뒤 2. connect to your application 안에 drivers클릭 3. 연결준비 1) driver와 version 지정 ..

nodemon 코드가 수정되고 수정을 확인할려면 터미널에서 ctrl+c하고 서버를 끈뒤 다시켜야 수정된것을 우리가 확인할 수 있다 번거로우니 nodemon을 설치하여 수정되면 알아서 재실행해주는 라이브러리이다. 껐다 키기 귀찮으니 nodemon 설치를 해보자 터미널 켜신 다음 npm install -g nodemon 입력하시면 됩니다. yarn 으로 설치가 잘된다는 분들은 yarn add global nodemon 입력하시면 됩니다. (yarn으로 설치할려면 yarn을 설치해주셔야합니다!) 설치가 잘 되었다면 이제 서버를 실행할 때 nodemon 실행시킬서버파일이름 라고 입력해주시면 되겠습니다.(저는 server.js입력했습니다) (이제 서버를 실행할때는 node server.js대신 nodemon se..

서버를 띄우기 위해 작성할 기본 템플릿 전 글에서 npm init를 할때 entry point에 server.js라고 적은걸 기억할것이다 그래서 js파일은 server이라고 생성하였다. 위 사진을 보면 왼쪽에 js파일을 새로 만들어줬고 오른쪽에는 pachage.json 우리가 npm init를 하여 만들었던 json파일이다 main에 우리가 입력했던 server.js를 확인할 수 있다. (server.js 파일) const express = require('express'); const app = express(); app.listen(8080, function() { console.log('listening on 8080') }) 이렇게 쓰면 서버가 뜬다고 합니다. 굳이 해석해보자면 첫 두줄은 expr..

* yarn을 사용하실 분들 참고 * ( 없이도 되면 괜찮습니다.) yarn이 2.0 버전으로 업데이트 되어 윈도우, 맥 모두 https://yarnpkg.com/getting-started/install 에 나와있는 방식으로 설치하시면 됩니다! 라이브러리 설치시 명령어는 같습니다. yarn add express 이런 식입니다. 1. Node.js 설치가 필요합니다. 구글에 Nodejs 검색 후 가장 먼저 나오는 사이트에 들어가 설치를 하도록 합시다. 10버전 이상이 필요하니 이전에 설치하셨던 분들은 신버전으로 다시 설치하십시오. (중요) 설치 경로 임의로 바꾸시면 npm 어쩌구 이런 명령어가 안먹을 수 있습니다. 경로는 건들지말고 C드라이브 기본 경로로 냅둡시다. (더 중요) 2. VS code 에디터..

node.js를 알기전에 서버부터 알아보자 '요청을 받으면 데이터를 보내주는 기계'입니다. 비유하자면 서버는 닭갈비집 알바생과 똑같은 역할을 합니다. 닭갈비 2인분 주세요~ 하면 닭갈비 2인분 가져다주죠? 웹서버도 마찬가지로 네이버 웹툰 페이지 주세요~ 하면 네이버 웹툰 페이지를 가져다줍니다. 그게 서버입니다. 그리고 우리는 그런 역할을 하는 프로그램을 만들 것이고요. 그래서 서버개발자가 짜고 있는 코드를 잠깐 살펴보자면 (흔한 서버 코드 예시) if 누군가가 네이버 웹툰 메인페이지 요청을 하면 네이버 웹툰 메인페이지 html을 보내줌 서버개발자는 위와 같은 코드를 하루종일 짜고 있는 사람들입니다. "누가 A로 요청하면 B라는 파일을 보내줍니다~" 라는 코드를 100개 만들고 있는 사람들이에요. 그래서 ..