bom's happy life

☑️밑의 유효성검사 코드를 객체리터럴형식+반복문으로 바꿔서 처리해보자. function save_btn(obj) { var year = document.getElementById('year').value; var month = document.getElementById('month').value; var light = document.getElementById('light').value; var compact = document.getElementById('compact').value; var subMidSize = document.getElementById('subMidSize').value; var midSize = document.getElementById('midSize').value; var s..

window.onload = function()란? - 자바스크립트에서 페이지가 로드되면 자동으로 실행되는 전역 콜백함수 - 페이지의 모든 요소들이 로드되어야 호출된다. - 한 페이지에서 하나의 window.onload() 함수만 적용된다. html 내의 요소들을 움직일 수 있는 dom 객체를 조작하는 방식 때 javascript를 사용한다. 위로부터 차례대로 읽어들이는 프로그래밍 본연의 작동 방식과, 실행 이전에 에러 체크를 하지 않고 실행하는 인터프리터 언어적 특성으로 인해 자바스크립트 작성 위치에 따라 오작동을 일으키기도 한다. 바로 이때 window.onload() 함수를 이용하여 이러한 오작동을 방지할 수 있다. 사용방법 예시! head 부분에 작성된 스크립트문이 있다고 가정해보자. hello ..

Ajax란? - Ajax란, 비동기 방식의 javascript와 XML을 의미한다. - 동기 방식과 비동기 방식의 차이점 : 동기 방식의 경우는 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있지만, 비동기 방식은 그와 반대로 신호를 보냈을 때 응답 상태와 상관 없이 다음 동작을 수행할 수 있다. - Ajax를 이용하는 목적은 화면 전환 없이 클라이언트와 서버 간의 XML, JSON,텍스트,(X)HTML 등의 정보를 교환하기 위함이다. - Ajax를 이용하면 방문객이 보는 컴퓨터에서 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료를 전송 받을 수 있다. - 자료를 요청하면 시간이 소요되는데, Ajax를 이용하면 방문객이 기다릴 필요 없이 다른 작업을 바로 수행할 수 있다. [Aja..

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