본문 바로가기

🌌 | WEB DEV115

[NodeJS+Express] 4. MongoDB 탑재해주기 지금까지 세팅한 서버에 DB를 달아보자! 1. DB 톺아보기 0) DB가 필요한 이유 웹 서비스를 제공하기 위해서 중요한 것 중 하나는 사용자들의 데이터를 관리하는 것이다. 이를 위해서 사용하는 것이 DataBase(DB)이다! 데이터베이스를 이용해 빠른 데이터의 입출력과 대용량 보관을 할 수 있다. 1) DB의 종류 DB의 종류에는 계층형, 네트워크형, 관계형, 객체지향, 비관계형이 있다. 이중 최근 많이 사용하는 것은 관계형과 비관계형이다. 이 둘에 대해 간단히 알아보자. - 관계형 데이터베이스 쉽게 이것을 설명하면 엑셀과 비슷하다. 테이블이 존재하고, 데이터를 한 행씩 차례로 보관한다. 이를 사용하기 위해서는 DBMS(데이터베이스 관리시스템)를 설치해야한다. ex) MySQL, Oracle, SQL.. 2023. 9. 24.

[NodeJS+Express] 3.정적파일 넣어주기 (css파일 등록) & Bootstrap 이용하기 이제 웹사이트를 디자인 해보자. 1. 정적파일 삽입하기 1) css 파일 생성하기 css 파일과 같은 정적파일은 보통 public 디렉토리에서 관리한다. 따라서 위처럼 public/main.css 를 생성해준다. 2) public 디렉토리를 서버에 등록하기 app.use(express.static(__dirname + '/public')) public 폴더에 있는 파일들을 서버에서 사용할 수 있도록 서버에 디렉토리를 등록해준다. (오타주의) 3) html파일에 넣어주기 html 파일의 header에 위 태그를 삽입해주면 된다. 4) 확인해보기 /* main.css */ .square{ width: 100px; height: 100px; background: #4cb1ff; } 2. Bootstrap 이.. 2023. 9. 23.

[NodeJS+Express] nodemon으로 자동화하기 지금껏 아래의 코드와 같이 node server.js 이 명령어를 사용하고 서버를 실행할 때 귀찮은 점은 파일을 수정한 뒤 적용을 하기 위해서 ctrl+c로 실행을 종료하고 다시 재시작을 해야한다는 것이었다. 이를 해결해주는 아주 착한 친구가 있다! 1. nodemon 설치하기 npm install -g nodemon 위 명령어로 설치했다면 잘 적용되는지 확인해보자. 2. 확인하기 서버를 실행해보자. nodemon server.js 이제 server.js를 수정해보자! app.get('/news', (request, response) => { response.send('오늘의 뉴스...') }) 위 코드를 새로 추가해준뒤 저장하면 이렇게 자동으로 재시작 해주는 것을 알 수 있다. html파일도 수정해보면.. 2023. 9. 23.

[NodeJS+Express] 2.새로운 페이지 만들기 //server.js const express = require('express') const app = express() //PORT 열기 app.listen(8080, ()=>{ console.log('http://localhost:8080 에서 서버 실행중!'); }) //root에서 GET요청(접속)시 렌더링할 내용 app.get('/', (req, res)=>{ res.send("HELLO!!"); }) 저번 포스트에서 간단하게 서버를 만들어보았다. 단 한개의 페이지만 제작하였는데 여러 페이지를 만들고 싶다면 어떻게 해야할까? 1. 새로운 페이지 만드려면? 페이지를 어떻게 만들까? 우리는 브라우저를 열고 사이트에 접속할때 URL을 이용한다. 이에 대해서 간단하게 살펴보자. 1) URL URL의 .. 2023. 9. 23.

[NodeJS+Express] 1. NodeJS, Express 세팅 사전에 필요한 것들 - node LTS 버전, 코드에디터 등 - 간단한 Express를 이용하는 NodeJS 서버 세팅 순서 1. 작업할 디렉토리 생성 후 해당 경로 접속 2. js 파일 생성 ex) server.js 3. 해당 경로에서 터미널 오픈 후 package.json 파일 생성 npm init -y package.json 파일을 생성해주는 명령어이다. 이때 -y 옵션은 default값으로 설정된 파일을 만들겠다는 뜻이다. 4. express 라이브러리 설치 npm install express express를 이용하여 서버를 만들어보자! 5. 서버 코드 작성 const express = require('express') const app = express() //PORT 열기 app.listen(.. 2023. 9. 22.

[NodeJS] 2. 노드의 특성 노드의 4가지 특성에 대해서 알아보자! 1. 이벤트 기반 Node.JS는 이벤트 기반이다. 이벤트가 발생할 때 사전에 지정해놓은 작업을 수행한다. - 이벤트 예시 : 클릭, 마우스오버, 스크롤, get, post 등 이때 이 이벤트를 등록하는 함수가 이벤트 리스너이다. 또한 이벤트 리스너에서 이벤트를 감지한 경우 실행될 함수가 콜백 함수이다. [이벤트] 1) 이벤트 리스너에 콜백 함수 등록 2) 시스템에서 이벤트 발생 -> 리스너에서 감지 3) 등록된 콜백 함수 호출 사실 이 개념은 거의 모든 프로그램의 동작원리에 적용되는 개념이다. 2. 논블로킹 I/O NodeJS는 블로킹이면서 동기 / 논블로킹이면서 비동기 이다. (우선, 이렇게 둘씩 짝지어서 알고있자.) - 동기 : 코드가 순서대로 동작 - 비동.. 2023. 9. 17.

[NodeJS] 1. 노드의 정의 NodeJS에 대해서 알아보자! 1. 정의 공식 홈페이지에서 정의하는 것은 크롬V8 JS엔진으로 빌드된 JS 런타임 이다. (런타임 = 실행기 / 즉, nodeJS는 JS 실행기) - NodeJS가 없었을 때 JS는 어떻게 실행이 되었을까? 의 형식으로 html 안에 넣어야했다. (스크립트에 종속됨!) 따라서 그 속도가 느릴 수 밖에 없었다. 하지만 크롬 기반의 NodeJs가 등장한 이후 당시 기준 굉장히 빠른 속도로 실행이 가능해지게 되었다. - 노드는 서버인가? 엄밀히는 틀린 말이지만 NodeJS로 서버역할을 실행할 수 있다. JS (언어) / NodeJS (런타임) 2. 런타임 런타임이란 특정 언어로 만든 프로그램들을 실행할 수 있게 해주는 가상 머신을 말한다. JS의 NodeJS외 다른 런타임 예.. 2023. 9. 15.

JS_기본 문법 (34)_ prototype (특징 및 constructor와의 차이) JS의 prototype에 대해서 알아보자. 0. 상속(inheritance) 객체지향의 개념 중 하나인 상속은 간단히 표현하면 부모 객체의 속성을 자식 객체가 물려받는 것을 말한다. JS에서 이것을 구현하기 위한 방법이 몇가지 있는데 첫번째는 저번시간에 다루었던 constructor 문법이다. 2023.08.08 - [🌌 | WEB DEV/Vanilla JS] - JS_기본 문법 (33)_ constructor 문법 그리고 두번째 방법이 prototype이다. 1. prototype 모든 생성자 함수들은 prototype을 내장하고 있다. function Student(name, code){ this.name = name; this.code = code; } console.log(Student.prot.. 2023. 8. 11.

JS_기본 문법 (33)_ constructor 문법 JS의 Object를 생성하는 constructor 문법에 대해서 알아보자. 0. Object의 복사 문제 Object는 Reference 데이터 타입이다. 따라서 복사를 할때 아래와 같이 단순하게 진행해서는 안된다. 잘못된 객체 복사 예시 let obj1 = {name: "Kassid"}; let obj2 = obj1; 이렇게 복사를 하게 된다면 값 자체의 복사가 아닌 레퍼런스를 복사하는 것이기 때문에 안전한 복사라고 할 수 없다. 1. constructor 문법 constructor는 위의 object를 생성기계라고 할 수 있다. 이를 이용해 위의 복사문제를 해결할 수 있다. 이를 이용해서 비슷한 객체를 손쉽게 양산해낼 수 있다. 사용법 function 생산기계명(){ this.속성 = ...; .... 2023. 8. 8.

이전 1 2 3 4 5 6 ··· 13 다음

티스토리툴바