radderveloper

- html, css를 배우는 강좌가 아니기에 디자인과 관련된 부분은 Bootstrap을 이용할 것이다. - Bootstrap 4.x 버전을 했다. getbootstrap.com의 우측 상단에서 4.x 버전을 선택하면 된다. - Bootstrap? ㄴ트위터 개발자들이 만든 웹 컴포넌트 라이브러리 ㄴHTML, CSS 등을 이용해 직접 UI 만드는 시간을 줄여주는 라이브러리라고 생각하면 된다. ㄴ참고로 npm으로도 Bootstrap을 설치할 수 있다. - write.html 페이지를 만들어보자 - starter template에 있는 내용을 전부 복사해 write.html에 붙여넣었다. https://getbootstrap.com/docs/4.4/getting-started/introduction/#star..

● nodemon 설치 - 서버 재부팅 자동화 - 변경 사항이 있을 때마다 매번 서버를 재부팅하기 귀찮으면 nodemon을 설치해보자(nodemon = 라이브러리) - 터미널에서 아래의 명령어를 입력해보자 npm install -g nodemon -g : 내 컴퓨터의 모든 폴더에서 nodemon을 이용할 수 있게 설치하라는 옵션(global) - nodemon이 설치됐다면 앞으로 서버를 실행할 때는 기존의 node server.js 명령어 대신 아래의 명령어를 입력하면 된다. nodemon server.js - nodemon 설치가 잘 된줄 알고 위의 명령어를 실행했는데 오류메세지가 나왔다.(PowerShell 보안오류라고 한다.) - 이 문제를 해결해보자 1. PowerShell을 관리자 권한으로 실행..

● 8080 포트에 서버 띄우기 - 먼저 server.js 파일을 만든다. - express 라이브러리를 이용해 서버를 띄울려면 server.js에 아래와 같이 코드를 작성한다. (server.js 파일 - Node.js에서 express를 이용해 서버를 띄우기 위해 작성하는 기본 템플릿) const express = require('express'); // 첨부 const app = express(); // 사용 // 원하는 포트에 서버를 오픈하는 문법 // (8080 port로 웹서버를 열고, 잘 열리면 'listening on 8080'을 출력해라) app.listen(8080, function() { console.log('listening on 8080'); }); - 첫 두줄은 express ..

● Node.js 설치 - 파일을 다운로드 받은 후 설치 경로, 환경변수 그런거 설정할 필요 없이 그냥 설치하라는 대로 OK만 눌러서 설치 (C드라이브 기본 경로에 설치하자) - 참고로 적어도 10 version 이상을 다운 받아야한다. - 설치가 끝났으면 cmd 창에서 제대로 설치됐는지 확인해 보자 ● npm init - VSCode는 알아서들 설치하시고, 폴더를 하나 만든 후 VSCode에서 열어보자(node라는 이름의 폴더를 만들었다.) - Express를 설치해보기 전에 먼저 VSCode에서 터미널을 열어 아래의 명령어를 입력해보자 npm init - 계속 엔터키만 눌러주다가 아래 사진 중간에 entry point : 라고 되어있는 부분에 server.js 라는 파일명을 입력해주고 나머지도 계속 ..

- 이전 강의에서 Event Loop, Non-blocking I/O 등에 대해 짧게 얘기만 해줘서 내가 직접 구글링과 chatGPT를 이용해 검색했다. - 메인을 chatGPT, 보조 수단으로 구글링을 사용했다. - 1년전만 해도 이런 일은 상상도 할 수 없었다. 물론 라스베거스에서도 상상할 수도 없었다. 1. Non-blocking I/O - Node.js의 비동기 I/O(= Non-Blocking I/O)모델은 Node.js의 핵심 개념 중 하나이다. - Node.js의 Non-Blocking I/O 모델은 높은 처리량과 낮은 지연 시간을 동시에 달성할 수 있게 해주는 핵심이다. - Non-Blocking I/O 모델은 Node.js가 I/O 작업을 비동기적으로 처리하면서 동시에 다른 작업을 처리할..

● Node.js로 서버를 만드는 이유 - Node.js는 Non-blocking I/O 이라는 처리 방법 때문에 사용한다. ex) Non-blocking 예시 - 서버는 요청을 받으면 요청한 내용을 보내주는 프로그램(= 요청을 처리할 수 있는 기계)이라고 했다. - 온라인 영화 예매 사이트가 있다고 했을 때 여기서 서버는 간단히 말해 예매한 티켓 수 만큼 온라인 티켓을 보내주는 역할 - 2가지 종류의 서버가 있다고 해보자 1. 일반 프로그래밍 언어로 만든 서버(python 등) 요청1) 영화 1장 예매 요청2) 영화 1장 예매 요청3) 영화 200장 예매 요청4) 영화 1장 예매 - 위와 같이 4개의 요청이 차례대로 들어왔을 경우에 서버는 위에서부터 하나씩 요청을 처리해준다. - 이 중 200장을 예매..