bom's happy life

◁ ▷ table { width: 400px; height: 343px; border-collapse: collapse; text-align: center;}th, td { border: 1px solid #ccc; padding: 8px; text-align: center;}th.day-name { /* 요일 표시 부분의 스타일 */ background-color: transparent; /* 배경 투명 */ border: none; /* 테두리 제거 */ color: #4a506b; /* 글자색 회색 */}td.date-cell { /* 날짜 셀 스타일 */ cursor: pointer; /* 커서를 포인터로 설정 */}td.date-cell:hover { bac..

인풋필드 값이 변경될 때 해당 함수를 실행시켜 만 나이를 계산하는 함수만들기 1. HTML 요소 가져오기 : `nameBirthInput`, `childBirthInput`, `nameAgeInput`, `childAgeInput `변수들은 각각 HTML 요소를 가져오는 getElementById 함수를 사용하여 해당 인풋 필드들을 선택한다. `name_birth_val`은 신청자 생년월일을 입력하는 인풋 필드, `child_birth_val`은 자녀 생년월일을 입력하는 인풋 필드, `name_age_val`은 신청자의 만 나이를 표시하는 인풋 필드, `child_age_val`은 자녀의 만 나이를 표시하는 인풋 필드를 가리킨다. 2. 만 나이 계산 함수(`calculateAge`) : - calcula..

`var` 과 `let` 은 자바스크립트에서 변수를 선언하는 데 사용되는 키워드이다. 이 두 키워드는 몇 가지 중요한 차이점이 있다. 1. 변수의 스코프 : - `var` : 함수 스코프를 가진다. 즉, 변수는 함수 내에서 선언되면 함수 내에서만 유효하다. - `let` : 블록 스코프를 가진다. 즉, 변수는 해당 블록 내에서 선언되면 블록 내에서만 유효하다. 2. 변수의 호이스팅 : - `var` : 변수 선언은 호이스팅되어 현재 스코프의 맨 위로 이동한다. 그러므로 선언하기 전에 변수를 참조해도 에러가 발생하지 않는다. 단, 값이 할당되기 전에 변수를 사용하면 `undefined` 가 된다. - `let` : 변수 선언도 호이스팅된다. 하지만 블록 내에서 실제 변수 선언문에 도달하기 전까지는 변수를 ..