Learn & Record

1. 인천국제공항_버스정보_ 공공데이터 활용 버스번호 버스등급 성인요금 평일시간표 주말시간표 2. 대한항공 공공데이터 항공사 편명 예정시간 도착지공항 공부 과정을 정리한 것이라 내용이 부족할 수 있습니다. 부족한 내용은 추가 자료들로 보충해주시면 좋을 것 같습니다. 읽어주셔서 감사합니다 :)

1. Ajax - Asynchronus JavaScript And XML - 자바스크립트를 사용하여 브랑줘가 비동기 방식으로 데이터를 요청하고, - 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식 - Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반을 동작 - XMLHttpRequest는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공 - 1999년 마이크로소프트가 개발한 XMLHttpRequest는 그다지 큰 주목을 받지 못하다가 - 2005년 구글이 발표한 구글 맵스를 통해 웹 애플리케이션 개발 프로그래밍 언어로서 - 자바스크립트의 가능성을 확인하는 계기를 마련했다. - 이전의 웹페이지는 완전한 HTML을 서버로부터 전송받아 웹페..

1. Todo List Todo 할일 2023-12-31 Add todo Edit todo * { margin: 0; padding: 0; } body { background: #ffffff; } h2 { color: #004607; text-shadow: 5px 5px 3px #a4a4a4; } section.list { width: 500px; margin: 10px auto; padding: 15px; margin-top: 40px; background: #a1f19a; border-radius: 10px; height: 500px; border: #185723 1px solid; box-shadow: 5px 5px 3px #a4a4a4 } section.add { width: 500px; marg..

1. 수강신청 프로그램 수강신청 신청인 이름 학과 ---- 학과선택 ---- 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학과 신청 과목 이 달에 신청할 과목을 선택하세요. 회화 문법 작문 메일링 메일로 받고 싶은 뉴스 주제를 선택해 주세요 해외 단신 5분 회화 모닝팜스 #container { width: 500px; margin: 10px auto; } form fieldset { margin-bottom: 25px; } form legend { font-size: 15px; font-weight: 600; } label.reg { font-size: 14px; width: 110px; color: #390; font-weight: bold; float: left; text-alig..

1. 참가신청 최종 - 화살표 함수와 일반 함수는 this가 다름 - this를 사용하려면 이벤트 리스너의 콜백 함수에서 화살표 함수를 사용하지 않거나 - this대신 event.currentTarget을 사용 참가 신청 신청 2. 주문 프로그램 - 1) id값 또는 class 값을 요소에 접근 방법 - id 값이나 class 값을 사용해 폼 요소에 접근하는 방법은 DOM의 다른 요소에 접근하는 것과 같음 - querySelector() 함수나 querySelectorAll() 함수를 사용해서 특정 id값이나 class 값을 가진 요소에 접근 할 수 있음 - 텍스트 필드에 있는 값을 가져오기 위해서는 텍스트 필드에 접근하는 소스 뒤에 value속성을 붙임 console.log(document.getEle..

1. 연습문제 - 휴대폰 유효성 판별 2. 폼태그 관련 Select - 드롭다운 목록 활용하기 - 드롭다운 목록은 select 태그로 구현. 드롭 다운 목록을 선택했을 때(값이 변경 되었을 때) 어떤 것을 선택했는지 출력 - select 태그 Event = 'change' 떡볶이 순대 오뎅 튀김 선택: 떡볶이 3. Multiple - multiple select 태그 : select 태그에 multiple 속성을 부여하면 ctrl이나 shift를 누르고 복수의 항목을 선택 가능 떡볶이 순대 오뎅 튀김 선택: 떡볶이 4. checkbox - 이벤트 이름 : change - 체크박스 활용하기 - 체크박스의 체크 상태를 확인할 때는 입력양식의 checked 속성을 사용 - 체크 상태일때만 타이머를 증가시키는 ..