Learn & Record

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

1. Semantic Tag (시맨틱 태그) - 시맨틱 구조 - 검색 엔진 같은 프로그램에서 자료를 검색하여 정보의 의미를 분석할 수 있게 도와주는 지능형 웹 - 어떤 요소가 어떤 내용 또는 태그를 포함할 수 있는 지에 관한 정의 - 웹 페이지의 구조를 더욱 쉽게 이해 - 의미 요소를 가진 태그 - 자신의 컨텐츠를 명확하게 정의 - 코드의 가독성을 높이고 의미를 명확하게 해주는 장점 - 컴퓨터의 정보를 이해, 논리적인 추론이 가능한 구조 - 시맨틱 태그 종류 - header - 머리말 의미, 헤더, 로고, 네비게이션, 검색창, - 페이지 맨 위쪽에 삽입하는 머리말을 의미 - 주로 로고를 중심으로 네비게이션 메뉴와 검색 창이 들어가며, 내비게이션 메뉴는 태그로 구성 - nav - navigation 줄임말..