본문 바로가기

전체 글90

생성자 함수를 사용해 객체생성 항상 필요한 속성과 함수는 틀처럼 미리 만들어 두고, 필요할 때마다 그 틀을 복제한 인스턴스를 만들어 해당 정보값을 담기 위해 사용한다. ※ 생성자 함수 안에 객체의 속성과 함수를 정의할 때는 this 예약어 다음에 마침표와 속성 이름을 입력한다. function People(name,id,age,address){ this.name = name; this.id = id; this.age = age; this.address = address; } const member = new People('만수르','money',33,'이태원'); document.write(`${member.name}`); document.write(`id : ${member.id}`); document.write(`나이 : ${me.. 2020. 7. 24.
이미지 슬라이드 쇼 ⟨ ⟩ const slides = document.querySelectorAll("#container > img"); const prev = document.querySelector("#prev"); const next = document.querySelector("#next"); let current = 0; //현재 이미지의 index showSlide(current); //index를 참조해서 이미지를 출력해주는 함수 prev.addEventListener("click", prevSlide); //이전버튼을 눌렀을때 이벤트 next.addEventListener("click", nextSlide); //다음버튼을 눌렀을때 이벤트 /*showSlide함수는 먼저 모든 이미지의 display를 none.. 2020. 7. 24.
기념일 계산기 우리 만난지 며칠? 기념일 계산 100일 1년 const now = new Date(); const firstDay = new Date("2019-07-07"); const toNow = now.getTime(); //getTime() 함수는 밀리초를 반환한다. const toFirst = firstDay.getTime(); const passedTime = toNow - toFirst; const passedDay = Math.round(passedTime / (1000 * 60 * 60 * 24)); //밀리초를 날짜로 바꾸고 반올림 document.querySelector("#accent").innerText = `${passedDay}일`; calcDate(100); calcDate(365); /.. 2020. 7. 24.
[생활코딩] 2. MySQL - 3.1.MySQL 설치 생활코딩 youtu.be/FE0C768AQt0 MySQL 설치를 쉽게 하기 위해서 Bitnami WAMP를 사용할 것이다. ※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부분이 있다면 과감하게 지적 부탁드립니다. 2020. 7. 24.