Movie.updateOne({title: 'Amadeus'}, {year: 1984}).then(res => console.log(res)) mongoose 설치 및 mongo에 연결 npm init -y npm i mongoose touch index.js // index.js const mongoose = require('mongoose'); main().catch(err => console.log(err)); async function main() { await mongoose.connect('mongodb://localhost:27017/movieApp'); } const movieSchema = new mongoose.Schema({ title: String, year: Number, scor..

SQL Structured Query Language, 관계형 데이터베이스 시스템(RDBMS)에서 자료를 관리 및 처리하기 위해 설계된 언어 SQL에서는 모든 일은 스키마와 테이블을 세팅한 후, 데이터베이스에 추가 테이블을 만들고 개별 요소를 정의, 다른 테이블에 있는 그 요소들을 연결하여 서로를 참조 NoSQL SQL의 구조화된 쿼리 언어를 쓰지 않고 많은 요소를 포괄하는 방식 (마치 모든 카테고리를 때려 넣은 상자) 강의에서는 MongoDB를 배우고 사용하는 것보다 설치가 제일 어려울 것이다라는 얘기와 함께 해당 링크를 주었으니, 참고하여 설치하면 될 거 같다. window 설치 macOS 설치 shell에서 mongo 명령어를 통해 mongo Shell을 실행 해당 쉘에서는 javascript 문법..

express (공식) (참고) : 웹 프레임워크 // express 설치 npm install express --save nodemon: 서버 자동 재시작을 위한 라이브러리 더보기 npm i -D nodemon // package.json ... "scripts": { "start": "nodemon index.js" } ... // 실행 시키기 npm start 폴더 및 package.json 생성 // 폴더 생성 mkdir firstApp // 폴더 이동 cd firstApp // package.json 생성 npm init -y // express 설치 npm install express app.use (참고) res.send (참고) app.get("*", (req, res) ... : 상단에 ..

this를 사용된 함수로 new 객체를 생성, prototype을 만들어서 RandomColor에 대한 내부함수가 실행될 수 있게 만드는 과정 Prototypes (참고) Class (참고) Class 정의를 위해 class 선언 Constrictor 메서드 : class 로 생성된 객체를 생성하고 초기화하기 위한 특수한 메서드 (한개만 존재) 리스트에 적힌 색깔을 input에 넣고 submit 하게 되면, 리스트 및 제목을 해당 색깔로 변하고 배경색은 보색으로 변하게 되는 사이트 완성 Super (참고) 부모클래스의 생성자 함수를 호출하여 추가 값까지 입력한 Cat

AXIOS (공식) 설치하지 않고 사용 다른 코인에 대한 정보를 부를 수도 있게 ALL 에서 BTC를 찾았지만, BTC로 입력으로 BTC 정보만 가져올 수 있다 header 세팅 header 입력하여, 데이터를 요청 데이터 정보를 받아 목록에 집어 넣어서 보여주는 작업 TMDB API 받아보기 (여기) 회원가입 계정 설정 - API 요청 API 키 가져오기 해당 API 가져오기 위한 참고 : 여기1, 여기2 Image 사용을 위한 Tip (여기) 기본적인 정보 제공을 위해 radio로 체크하여 보여줌 imageBaseURL : GET으로 정보를 불러올 때, 이미지 파일명만 제공되기에 필수적 요소 radio 사용 (참고) Please select your preferred contact method: Em..

마우스 혹은 키보드가 입력되어, 변화를 발생시키는 Event onclick (참고) : button에 이벤트를 넣어서 배경색을 계속 바꿔줄 수 있다. keyboardEvent, mouseEvent : 키보드 혹은 마우스의 입력에 대해서 정보를 확인할 수 있다. e.code에서 입력받은 것을 사용자의 입맛에 맞게 변경을 할 수도 있다. doubleclick (참고) formEvent (참고) : 사용자가 제출 버튼을 클릭하거나 양식 에서 필드를 편집하는 동안 누를 때 발생 preventDefault (참고) : 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자의 기본 동작을 실행하지 않도록 지정 입력과 변경 이벤트 : 실시간으로 미리보기 같은 것들

문서 객체 모델(The Document Object Model, 이하 DOM) Document.getElementById() (참고) : 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환 어떤 글 blue red function changeColor(newColor) { var elem = document.getElementById('para'); elem.style.color = newColor; } 버튼을 누르면, getElementById와 일치한 element의 속성을 바꿀 수 있다. Document.getElementByTagName (참고) Document.querySelector() (참고) : 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 ..

새로고침을 하지 않아도 반응, UI의 변화 등을 코드가 이벤트 혹은 자동적으로 움직일 수 있도록 생명을 불어넣은 것 Number // 1번째 문제 (13 % 5) ** 2 // 2번째 문제 200 + 0 / 0 더보기 정답 1. 9 2. NaN 변수 let finger = 10; let mouse = 1; let eyes = 2; finger + mouse // 11 mouse + eyes // 3 finger = finger - 5; finger += 5; finger++; finger--; finger // 10 상수 const pi = 3.14159 pi++; //error 대소문자를 구별하며 유니코드 글자, $, _, 숫자(0-9)로 구성할 수 있지만, 숫자로 시작할 수는 없습니다 (여기) Cam..