whatisthis?

https://mywebproject.tistory.com/259?category=875338 javaScript. 숫자야구게임 - (2) javaScript. 숫자야구게임 -(1) Bulls and Cows (숫자야구) - Rule - - 숫자 제시 횟수 : 10회 이내 - 4자리의 숫자를 임의로 정함. - 0에서 9까지의 다른 숫자로 구성됨. 숫자는 맞지만 위치가 틀림 = B(볼) 숫.. mywebproject.tistory.com - 지난번에 진행했던 숫자야구게임을 웹 버전으로 수정해서 제작해보았다. - 이전에는 웹 콘솔에서만 게임을 진행 가능했다. - 변경사항 1 / index.html과 style.css 추가 2 / html의 input태그와 button으로 button 클릭할때마다 이벤트리스너..

자동 텍스트 RPG 게임 index.html style.css * { margin: 0; box-sizing : border-box; } html { font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 16px; line-height: 2; color: #1f2d3d; } body { text-align: center; width: 100%; height: 100vh; background-color: #f8f9fb; } body::after { content: "text-RPG"; display: block; margin-top: 50px; color: #463bc1; font-size: 12px; font-w..

상속(inheritance) - 상속은 부모 생성자의 기능을 물려받으면서 새로운 기능도 추가하는 것을 의미. = 확장(extend) function Vehicle(name, speed) { // 1️⃣ Vehicle 생성자 this.name = name; this.speed = speed; } Vehicle.prototype.drive = function() { // 메서드 ㅡ 프로토타입에 생성 console.log(this.name + ' runs at ' + this.speed) }; const tico = new Vehicle('tico', 50); // Vehicle 생성자로 tico 객체 만듬 tico.drive(); // 'tico runs at 50' function Sedan(name, s..

prototype, __proto__와 constructor의 관계 prototype과 constructor는 부모자식 관계라고 생각하면 된다. Person.prototype.constructor === Person; 이고, Person.prototype === (Person생성자로 만들어진 객체).__proto__; 이기 때문에 (Person생성자로 만들어진 객체).__proto__.constructor === Person; 도 성립하게 된다. 모든 객체는 [[Prototype]]이라는 내부 슬롯(자바스크립트 엔진의 내부 로직)을 갖으며, 상속을 구현하는 프로토타입 객체를 가리킨다. [[Prototype]] 내부 슬롯에는 직접 접근이 불가하다. 이는 프로토타입 체인의 단방향을 지키기 위해서다. (만약 ..

객체 지향 프로그래밍(OOP) ex> let date = new Date(); typeof date; // object - 지난 시간 Date 객체를 new Date()로 생성한 것. Date는 분명 객체라고 했는데, new를 붙이고, 함수처럼 호출()을 했다. >> 생성자(constructor) 함수 📌 생성자 함수 - 객체를 생성하는 함수. - 자바스크립트에는 Class가 없어서, 생성자 함수가 그 역할을 대신함. function Person(name, gender) { this.name = name; this.gender = gender; this.sayHello = function() { alert(this.name + ' said "hello"'); } } 사람을 만드는 생성자 함수이다. 여기서..

1. Date const time = new Date(); //현재 날짜+시간 저장 const time = new Date(2000, 5, 10) // 2000년 6월 10일 0시 00분 00초 new와 객체를 함수처럼 사용한다. 특정 날짜를 저장하려면 new Date() 안에 년,월,일을 함수에 인수를 넣듯이 하면 된다. ❗ 여기서, 월(Month)의 경우에는 -1이 되므로 6월이면 5라고 해야한다. (즉, 1월 = 0) 📌 Date 관련 메서드 1) 날짜.getFullYear() 날짜.setFullYear(연도) - getYear과 setYear도 있지만, 2000년 이후를 표시하지 못해서 Full이 추가된 getFullYear과 setFullYear이 등장했다. 2) 날짜.getMonth() 날짜...

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 정규 표현식 - JavaScript | MDN 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 RegExp의 exec 메소드와 test 메소드 , developer.mozilla.org