프로그램 언어(Java, Python, C, JSP ...) 기초 : 연산자, 조건문, 반복문, 배열, 함수 JavaScript 자바스크립트 웹페이지의 3요소 : 구조(HTML) + 표현(CSS) + 동작(Javascript 또는 웹 프로그래밍 언어) 웹브라우저에서 interpreter방식으로 해석되는 스크립트 언어 Server Side Interface : JavaScript on Server : JSP, ASP, PHP ~~~ HTML 문서를 좀 더 역동적으로 동작시킬 수 있다 jQuery : JavaScript를 라이브러리화 해 놓은 오픈소스 기본 문법 대소문자를 구분한다 종결 문자 ; 안에 작성한다. 컴파일 원시 프로그램 : Source 목적 프로그램 : Object document.write()..
overflow 영역을 벗어나는 부분에 대해 숨기거나 스크롤을 넣을 수 있다. The display property specifies if/how an element is displayed. Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline. display none 쇼핑몰 등에서 작은 디스플레이에 안내사항이나 광고를 띄우는 경우가 있다. 닫기를 누르면 디스플레이가 사라지는데 display 속성을 사용하여 사라지게 할 수 있다. display: block; /* none | block 화면..
태그의 상세 속성 접근 ... 세계 손흥민 김연아 박지성 아이티윌 태그 중 어느 한 개만 접근하는 것도 가능하다. /* 태그의 상세 속성 접근 */ #nav > ol >li:nth-child(2) { /* 요소 중에서 2번째 */ font-weight: bold; } /* 아이티윌 링크만 CSS 적용 */ #nav > ol > li > a { width: 200px; height: 100px; background-color: hotpink; text-decoration-style: wavy; } #nav > ol >li:nth-child(2) 여기에서는 순서를 1부터 매겨서 2. 김연아에 css가 적용되었다. 보통 0부터 시작하지만 1부터 시작하는 경우도 있다. Active Selector a:link ..
UI 구현 표준(WEB)의 구성요소 웹 표준 : 웹 기술을 표준화하기 위한 일련의 단계와 요구사항이다 웹 접근성 : 어떠한 사용자(장애인, 노인 등), 어떠한 기술 환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것을 뜻한다. 웹 호환성 : 서비스 이용자 단말기의 하드웨어 및 소프트웨어 환경이 다른 경우에도 동등한 서비스를 제공하는 것을 의미한다. 웹(WEB)의 3요소 구조 : HTML 표현 : CSS 동작 : JavaScript, 웹프로그래밍언어(JSP, ASP, PHP, Python ~~) CSS (Cascading Style Sheets) 웹문서(HTML 문서)의 표현, 서식, 일관성 유지 명령어는 대소문자를 반드시 구분한다 종결 문자 ;..
레이아웃 (3일차 이어서) 꼬리말 이용약관 개인정보 처리방침 인쇄복권당첨금지급기준 주소 : 06719 서울 서초구 남부순환로 2423 한원빌딩 4층 고객문의 1588-6450 FAX 02-6933-3 화면에 표현되지 않지만 구조를 잡을 때 사용하는 태그를 시맨틱 태그라고 한다. (시맨틱 요소) 시맨틱 요소 의미를 부여한 태그이다. : 주로 내용이 있는 부분을 지정하는 경우 사용한다. 내용이 없는 부분은 사용하지 않는다. : 헤더, 메인, 푸터가 아닌 영역을 지정할 때 사용한다. 동행복권 대분류 복권구매 복권정보 당첨결과 판매점 이벤트 행복공감 본문 중분류 판매점 구입처안내 당첨판매점 로또는 온라인복권입니다. 자동, 반자동, 수동으로 고객이 선택하여 구입할 수 있습니다. 판매량에 따라 복권기금과 1등 ..
입력 양식 로그인, 검색 창 등 요소(element) : ... 속성(property, attribute) : width, height, border, src ... 다양한 폼 컨트롤 요소 1. 요소 기능 없음 사용자가 입력한 정보를 서버로 전송 사용자가 입력한 정보를 취소(원래대로 복귀) 회원가입 type="button" + type="submit"의 기능이 같이 있음 중복 선택 불가 중복 선택 가능 아이디 비밀번호 ID저장 submit을 누르면 form이 전체 전송된다. ※ 주의사항 예) 잘못된 경우 예) 잘 된 경우 회/원/가/입 이름 : 아이디 : placeholder="아이디입력해주세요" required 비밀번호 : 우편번호 : 나이 : 10대 20대 30대 성별 : 남 여 취미 : 영화..
