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..

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

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

문제 : 필수항목에 체크를 해야 서버에 제출되도록 코드를 짰는데, alert만 뜨고 제출되어버림. input태그 타입을 submit으로 해놓아서 그랬다. onclick함수를 구현해놨음에도 불구하고 submit이 되어버렸다. 그래서 타입을 button으로 바꿨더니, 버튼을 클릭했을때 submit_btn() 함수가 실행되어서 필수항목을 채워야 서버로 제출되게 수정되었다! 수정된 코드 : function submit_btn() { //약관동의 확인 var agree = document.getElementById("css_check_1"); if(!agree.checked) { alert("필수 동의 항목에 체크해주세요."); return; } //필수 입력란 확인 var rpsnNm = document.get..