ISFP의 사이버 방구석

JavaScript를 이용하여 계산기를 구현 해 보았습니다. 우선 HTML과 CSS로 UI를 꾸밉니다. 목차 1) html 코드 2) css 코드 3) javascript 코드 1) HTML 코드 div.wrap으로 input 태그와 button.btn 태그들을 감쌌습니다. 특수문자 코드표로 작성되었습니다. body 태그 안의 내용만 적었습니다. 7 8 9 / 4 5 6 * 1 2 3 - 0 AC + = 2) CSS 코드 * { margin: 0; /* outline: solid; */ } .wrap { /* --- grid로 레이아웃 구성 --- */ display: grid; grid-template-columns : repeat(4, 1fr); grid-template-rows : repeat(5,..

목차 [1] class 문법 사용 [2] 생성자 함수 사용 [3] 객체 리터럴 [4] 간단한 예제 [1] class 문법 사용 [2] 생성자 함수 사용 [3] 객체 리터럴 1회성 객체 만들기 [4] 간단한 예제 // 자바 스크립트에서 객체 만들기 // 1) class 문법 사용 { class Person { // 생성자 메소드 constructor(name, age) { this.name = name; this.age = age; } // 인스턴스 메소드 smile() { console.log(`${this.name}이 웃다`); } eat() { console.log(`${this.age}살 ${this.name}이 먹다`); } } const person = new Person('홍길동', 30); ..

목차 [1] 함수 선언문 [2] 함수 표현식 [3] 화살표 함수 [4] 간단한 예제 [1] 함수 선언문 [2] 함수 표현식(익명 함수) 함수 표현식 : 함수를 변수에 할당하는 방식 [3] 화살표 함수 화살표 함수 : 함수 표현식의 간결 표현, 주로 함수 실행문 1개일 때 유용 함수 표현식에서 function 키워드가 빠지고 매개변수와 본문 사이에 화살표 추가 함수 본문 내 실행문이 1개일 경우 중괄호{} 생략가능, 실행문 1개가 return문이면 return 생략 [4] 간단한 예제 // 문제) // 두 수의 차이(절대값)를 구하는 함수 만들기 calculateDifference라는 이름의 함수를 정의해 보세요 // 이 함수는 두 개의 숫자를 매개변수로 받아 두 수의 차이를 반환해야 합니다. // cas..