Jassy world Jassy world

typeof newnumberOfStudents ==='number' super(name,'primary',numberOfStudents); class School { constructor(name,level,numberOfStudents) { this._name=name; this._level=level; this._numberOfStudents=numberOfStudents; } get name() { return this._name; } get level() { return this._level; } get numberOfStudents() { return this._numberOfStudents; } set numberOfStudents(newnumberOfStudents){ if(typeof n..

class Media { constructor(title) { this._title = title; this._isCheckedOut = false; this._ratings = []; } get title () { return this._title; } get isCheckedOut() { return this._isCheckedOut; } get ratings () { return this._ratings; } set isCheckedOut(newisCheckedOut) { this._isCheckedOut = newisCheckedOut; } toggleCheckOutStatus() { this._isCheckedOut =! this._isCheckedOut; } getAverageRating(){..

1. Class 정의 클래스는 개발자가 유사한 개체를 빠르게 생성하는 데 사용하는 도구 이름이 Halley 인 한 강아지의 객체를 정의 했을 때 let halley = { _name: 'Halley', _behavior: 0, get name() { return this._name; }, get behavior() { return this._behavior; }, incrementBehavior() { this._behavior++; } } 하지만 이런 강아지가 100마리라면? 또는 강아지가 아닌 고양이도 넣고싶다면? 해당 코드 *100 반복해야함. 반복은 코딩에서 제일 싫어하는 것!! 하나 바꾸려면 100번 수정해야함 ㅠㅠ 그래서 class 사용해서 반복을 줄이고 디버깅을 줄이는 것! 2. Constr..

핸들 바의 경우 JavaScript를 사용하여 재사용 가능한 HTML을 생성 할 수있는 템플릿 엔진이 제공됩니다. 또 다른 이점은 핸들 바는 HTML이나 JavaScript를 작성할 때 명확하게 분리된다는 것입니다. The major steps of using Handlebars in a project: Add the Handlebars library to your project. — one option is to use a Content Delivery Network (CDN): MDN CDN documentation. Create a Handlebars script in your HTML file. In your JavaScript file, grab the HTML stored in the Hand..

Piano Player Follow the song below to play the piano. C C# D D# E F F# G G# A A# B C HAP- G PY G BIRTH- A DAY G TO C YOU B END A Line 2 Line 3 Line 4 Reset body{ margin: 0; padding: 0; font-family: sans-serif; background: #ffc63f; } .title{ font-size: 36px; margin-top: 10px; margin-bottom: 0px; padding: 0; color: #141c3a; text-transform: uppercase; letter-spacing: 2px; text-align: center; } #dem..

https://webclub.tistory.com/340 event 란 무엇인가? 이벤트(event)란? 이벤트(event)는 어떤 사건을 의미합니다. 브라우저에서의 사건(event)이란 사용자가 클릭을 했을 '때', 스크롤을 했을 '때', 필드의 내용을 바꾸었을 '때'와 같은 것을 의미합니다. �� webclub.tistory.com 1. Events 웹의 이벤트 는 기능을 트리거하도록 프로그래밍 할 수있는 사용자 상호 작용 및 브라우저 조작입니다. 이벤트의 몇 가지 예는 다음과 같습니다. -버튼을 클릭하는 마우스 -브라우저에서 웹 페이지 파일로드 -이미지에서 바로 스와이프하는 사용자 1-1. Events 용어 정리 (출처 : https://opentutorials.org/course/1375/6629..

Instructions 1 Hiding behind one of these doors is the ChoreBot. 2 Your mission is to open all of the doors without running into the ChoreBot. 3 If you manage to avoid the ChoreBot until you open the very last door, you win! 4 See if you can score a winning streak! Good luck! body { background-color: #010165; margin: 0px; } .header { background-color: #00ffff; text-align: center; } .title-row{ m..

https://ko.javascript.info/script-async-defer defer, async 스크립트 ko.javascript.info 2. DOM The DOM is a logical tree-like Model that organizes a web page’s HTML Document as an Object. DOM은 JavaScript와 같은 웹 스크립팅 언어가 체계적으로 HTML 웹 페이지의 구조에 액세스하고 수정하고 업데이트 할 수 있도록 브라우저에 의해 구현되는 언어에 구애받지 않는 구조입니다. 2-1. Tree node DOM 트리는 가계도와 유사한 논리를 따릅니다. 가계도는 가족 구성원과 가족 이름과의 관계로 구성됩니다. 컴퓨터 과학에서 우리는 각 가족 구성원을 노드라고 부릅니..