본문 바로가기

javascript9

JavaScript (class, extends, wrapper) ✔ Class ✔ 객체를 만드는 켐플릿 1. 생성자 함수 2. 클래스 static : 정적 프로퍼티 및 메서드 class Fruit { // eng = 'noname'; static count_fruits = 0; constructor(name, emoji){ this.name = name; this.emoji = emoji; } display = () => { console.log(`${this.name} : ${this.emoji}`); }; static makeBanana() { // return 'banana';// class이름으로 바로 접근가능 return new Fruit('banana', '🍌'); // 클래스 레벨 메서드에서는 this를 참조할 수 없음 } } // apple은 Fruit.. 2022. 11. 9.
JavaScript(date, window, setTimeout, setInterval, 시계만들기, location, form) ✔ Date 객체 날짜, 시간등을 쉽게 처리할 수 있는 내장 객체 연도(year) - 2자리로 연도를 표기 : 1900 ~ 1999sus - 4자리로 연도를 표기 : 2000 ~ 월(month) - 0(1월) ~ 11(12월) Date 객체를 생성하는 방법 new Date() : 현재 날짜 시간을 저장한 객체가 생성 new Date('날짜 문자열') : 해당 특정 날자와 시간을 저장한 객체가 생성 new Date('밀리초') : 1970년 1월 1일 0시 0분 0초 ~ 해당 밀리초만큼 지난 날짜와 시간을 저장한 객체가 생성 new Date(년, 월, 일 , 시, 분 ,초 ,밀리초) : 해당 특정 날자와 시간을 저장한 객체가 생성 console.log(new Date()); // 내 OS 시간을 가저온다... 2022. 11. 7.
JavaScript(화살표 함수, 객체, 프로토타입, Math/String함수) ✔ 함수 표현식 const hello = function(){ console.log(`안녕하세요 자바!`); } hello(); 화살표 함수 - ECMA Script6에 추가된 문법 - function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 - 화살표 함수는 항상 익명 const hello() = () => { console.log(`안녕하세요 자바!`); } const hello = () => console.log(`안녕하세요 자바!`); 매개변수가 있는 경우 const sum = function(x, y){ console.log(`두 수의 합 : ${x + y}); } const sum = (x, y) => console.log(`두 수의 합 : ${x + y}); 리턴값이 있는 경우 .. 2022. 11. 7.
JavaScript (대화상자, 연산자, 제어문, 반복문) ✔ 자바스크립트 대화상자 - alert() //비표준은 내 화면에서만 보이고 다른 사용자에게 안보이는 경우도 있다 사용자에게 메시지를 보여주고, 확인을 기다림 BOM(Browser Object Model) window.alert() alert(); - confirm() 사용자에게 메시지를 보여주고, 확인이나 취소를 누르면 그 결과를 불린값으로 반환(선택창이 2개로 보이는 - 반응형) const result = confirm('확인이나 취소를 누르세요) - prompt() 사용자에게 메시지를 보여주고, 사용자가 입력한 문자열을 반환 // 자바에서의 scanner 역할과 유사하다 ❗ 입력받은 값은 문자형으로 저장된다 const result = prompt('문자를 입력하세요'); ✔ 대화상자 DOCTYPE .. 2022. 11. 4.

티스토리툴바