5.1 npm 알아보기 🌕 NPM(Node Package Manager) 노드의 패키지 매니저 다른 사람들이 만든 소스 코드들을 모아둔 저장소 남의 코드를 사용하여 프로그래밍 가능 이미 있는 기능을 다시 구현할 필요가 없어 효율적 오픈 소스 생태계를 구성중 5.2 package.json으로 패키지 관리하기 🌕 package.json 현재 프로젝트에 대한 정보와 사용 중인 패키지에 대한 정보를 담은 파일 같은 패키지라도 버전별로 기능이 다를 수 있으므로 버전을 기록해두어야 함 동일한 버전을 설치하지 않으면 문제가 생길 수 있음 노드 프로젝트 시작 전 package.json부터 만들고 시작함(npm init) 🌕 package.json 속성들 package name: 패키지의 이름, package.json의..
4.1 요청과 응답 이해하기 🌕 서버와 클라이언트 소통 순서 1. 클라이언트가 서버로 요청(request) 전송 2. 서버가 요청을 처리 3. 서버가 클라이언트로 응답(response) 전송 🌕 노드로 http 서버 만들기 createServer로 요청 이벤트에 대기 req 객체 : 요청(request)에 관한 정보 res 객체: 응답(response)에 관한 정보 const http = require("http"); http.createServer((req, res) => { // 여기에 어떻게 응답할지 적기 }); 🌕 8080 포트 연결하기 res 메서드로 응답 보냄 write로 응답 내용을 적고, end로 응답 마무리(내용을 넣어도 됨) listen(포트) 메서드로 특정 포트에 연결 const ht..
1.1 핵심 개념 이해하기 🌕 노드의 정의 공식 홈페이지의 설명 "Node.jsⓇ는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임입니다." 서버라는 말이 없는 이유 서버의 역할뿐만 아니라 다양한 역할을 수행할 수 있는 자바스크립트 런타임 노드로 자바스크립트로 작성된 서버를 실행할 수 있음 서버 실행을 위해 필요한 http/https/http2 모듈을 제공 🌕 서버 서버: 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램 클라이언트: 요청을 보내는 주체로 브라우저, 데스크톱 프로그램, 모바일 앱, 다른 서버에 요청을 보내는 서버 서버는 클라이언트의 요청에 대해 응답을 보냄 🌕 자바 스크립트 런타임 런타임: 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 노드: 자바..
✅ Schema란 ? 입력될 정보의 타입과 특성을 미리 지정하는 것이다. 예시는 다음과 같다. const mongoose = require('mongoose') const userSchema = mongoose.Schema({ name: { type: String, maxlength: 50 }, email: { type: String, trim: true, unique: 1 }, password: { type: String, minlength: 5 }, lastname: { type: String, maxlength: 50 }, role: { type: Number, default: 0 }) }) ✅ Model이란 ? schema를 통해서 만드는 인스턴스이다. 쉽게 말해서 schema를 감싸주는 역할을 ..
✅오늘의 과제 ➰챗봇에 유동적인 기능 추가하기 ➰코드 day15.html 오늘 옷 뭐입지 ? 알아보기 day15.js let count= 0; let topText1; let topText2; let default_background = document.getElementById("body"); let context = document.getElementById("context"); let default_text = document.getElementById("cloth"); // let val = document.getElementById("input_text").value; let text_set = ["겨울이에요" + "" + "따뜻하게 입으세요 !", "봄, 가을이에요" + "" + "날씨 좋아요..
✅json이란 ? JSON(JavaScript Object Notation)은 속성-값 쌍 또는 키-값 쌍으로 이루어진 데이터 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 형식이다. 예시는 다음과 같다. [ { topText1 : '오늘의 기온을 적어주세요', topText2 : '기온에 맞는 옷차림을 알려드릴게요' } ] 서버와 웹 클라이언트 사이에서 데이터를 주고 받을 때 주로 사용한다. ✅json 활용법 서버를 직접 구현하지 않을 것이기 때문에 json 형식의 코드를 이용하여 설명할 예정이다. 다음 코드를 보자. let json = [ { topText1 : '오늘의 기온을 적어주세요', topText2 : '기온에 맞는 옷차림을 알려드릴게요' } ]; json이라는 변..
✅오늘의 과제 ➰챗봇에 타이핑 애니메이션 추가하기 ➰코드 day14.html 오늘 옷 뭐입지 ? 알아보기 day14.js let count = 0; function input_check() { let context = document.getElementById("context"); let default_text = document.getElementById("cloth"); let default_background = document.getElementById("body"); let val = document.getElementById("input_text").value; if (val === "나 뭐입지?") { let typewriter = new Typewriter(context, { loop: t..
✅CDN이란 ? Content Delivery Network의 줄임말이며 지리적으로 분산된 여러 개의 서버이다. 이는 웹 콘텐츠를 사용자와 가까운 곳에서 전송함으로써 전송 속도를 높인다. CDN은 웹 페이지, 이미지, 비디오 등의 콘텐츠를 사용자의 물리적 위치와 가까운 서버에 복제해둔다. 이렇게 하면 콘텐츠가 로딩될 때까지 기다릴 필요 없이 영화 감상, 소프트웨어 다운로드, 은행 잔고 확인, 소셜 미디어 포스팅, 구매 등의 작업을 할 수 있다. ➰CDN 사용법 원하는 기능을 검색하면 다양한 웹사이트에서 CDN링크를 제공한다. 아래의 사이트들이 이에 해당된다. https://cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easi..
✅mongoDB 연결하기 이제 기존의 파일들을 mongoDB와 연결해보자. 먼저 mongoDB 사이트(https://www.mongodb.com/)에 들어가서 회원가입 후 로그인한다. The most popular database for modern apps We're the creators of MongoDB, the most popular database for modern apps, and MongoDB Atlas, the global cloud database on AWS, Azure, and GCP. Easily organize, use, and enrich data — in real time, anywhere. www.mongodb.com organization에서 설정한 후 왼쪽 projec..
✅node js란 ? 자바스크립트를 서버사이드에서도 쓸 수 있게 해주는 언어이다. ✅express.js란 ? node.js를 이용하여 웹사이트나 어플리케이션을 쉽게만들 수 있도록 도와주는 프레임워크이다. ✅node.js와 express.js 다운받고 사용하기 터미널에 node -v 쳤을 때 버전 나오면 설치된 것이다. 설치되지 않았다면 node.js사이트(https://nodejs.org/ko/)에 들어가서 다운로드를 받아준다. 이제 파일을 만들어보자. 터미널에서 npm init 명령어를 입력하고 계속 enter 누른다. package.json이 자동생성된다. 디렉토리 안에 앱의 시작점인 index.js 파일을 만든다. 터미널에서 npm install express --save 명령어를 입력한다. 💨"-..
