라라리라

index.html DOCTYPE html> Document main.js import { ControllerMain } from "./controllerMain.js"; import { JsonMemember } from "./jsonMember.js"; // 여기가 시작지점이다. // Controller 클래스는 싱글톤 ControllerMain.getInstance().start(); JsonMemember.getInstance().start(); jsonMember.js // Json클래스는 싱글톤 패턴 export class JsonMemember { static instance = new JsonMemember(); static getInstance() { return JsonMemember...

index.html DOCTYPE html> Document sampleHeader.html DOCTYPE html> Document #header-header { margin: 0 auto; border: 1px solid black; } 회원가입 로그인 let buttonMemberJoinPageClick = (event) => { } let buttonMemberLoginPageClick = (event) => { } //-------------------------------------------------------------- let $buttonMemberJoinPage = document.querySelector("#button-memberJoinPage"); let $buttonMembe..

_01_member_this개념1.html DOCTYPE html> Document class Fruit { name = ""; price = 0; printInfo() { // 클래스 내의 요소(변수,함수)에 접근할 때에는 반드시 this.을 붙여야 한다. console.log(this.name + " : " + this.price); } } let apple = new Fruit(); apple.name = "사과"; apple.price = 1000; apple.printInfo(); //예상 => 사과 : 1000 _01_member_this개념2.html DOCTYPE html> Document class Fruit { start() { // 함수 안에서 this.을 붙여 클래스 변수를 생성할 ..

DOCTYPE html> Document #horse{ text-align: center; margin: auto; border: 1px solid black; } .one{background-color: red;} .two{background-color: orange;} .three{background-color: yellow;} .four{background-color: green;} .five{background-color: skyblue;} .white{background-color: white;}; #horseride{ margin: auto; text-align: center; font-weight: bold; } #horseride td{ width: 35px; height: 35px; bo..

DOCTYPE html> Tetris Game #center { margin: 0 auto; text-align: center; } #myTetris { border-collapse: collapse; } #myTetris td { width: 30px; height: 30px; } #tetnext { margin: 0 auto; border-collapse: collapse; text-align: left; vertical-align: top; } #tet td { border: 1px solid black; width: 50px; height: 30px; } #nextblock { border-collapse: collapse; } #nextblock td { width: 30px; height: 3..

DOCTYPE html> Document #header{ text-align: center; height: 100px; } #head{ padding: 0px; border-spacing: 0px; } #headTd{ margin: auto; border-style: none; width: 315px; font-size: 24px; padding: 0px; border-spacing: 0px; } #headTd #appleTd{ width: 30px; height: 30px; font-size: 20px; font-size: 24px; padding: 0px; border-spacing: 0px; } #headTd #countTd{ width: 30px; font-size: 20px; padding: 0..

DOCTYPE html> Document div { text-align: center; display: table; margin: 0 auto; } td { border: 1px solid black; width: 70px; text-align: center; } #admin { background-color: antiquewhite;} #user { background-color: burlywood;} .adminCount, .adminPlus, .adminMinus, .userCount, .userPlus, .userMinus { cursor: pointer; } 식권 자판기 관리자 오만원권 50,000 0 + - 일만원 10,000 0 + - 오천원권 5,000 0 + - 일천원권 1,000 0 +..

/* [문제] 아래 배열은 철수가 소지한 현금 개수이다. money는 돈 단위를 뜻하고, count는 단위별 개수를 뜻한다. 거스름돈은 7800일 때, 단위별로 나눠주고, count배열 값을 조정 후 출력하시오. [정답] count = [1, 2, 0, 0, 2, 7] */ /* [식권 자판기] 1. 관리자 1) 식권티켓 재고수량 관리 2) 화폐종류별 재고수량 관리 2. 사용자 1) 구매할 식권티켓 수량 2) 금액 지불 */ /* [Case1] let countList = [ 1, 1, 1, 1, 5, 1]; 결과 : 거스름돈이 부족합니다. 관리자에게 문의해주세요. [Case2] let userMoney = 3000; let userCountList = [0, 0, 0, 0, 6, 0]; 결과 : cou..