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대 성별 : 남 여 취미 : 영화..
개요 웹브라우저에 출력하기 위해 HTML과 CSS를 배워야 한다. HTML은 뼈대, CSS는 살에 해당한다. 공부할 때 ncs 및 학습 모듈을 참고하면 좋다. (정보처리기사 포함) 학습 모듈 검색어 : 화면 설계 HTML 기본 규칙 Hyper Text Markup Language 웹페이지(홈페이지)를 작성할 때 사용하는 문법 확장명 .html 저장한다 HTML 문서는 웹브라우저(크롬,엣지,파이어폭스)에서 출력한다 HTML 명령어를 Tag라 한다 태그는 대소문자를 구분하지 않는다 (대체로 소문자 사용) 기호 안에 명령어를 쓴다 여는 태그와 닫는 태그로 구성되어 있다 엔터(줄바꿈)을 허용하지 않는다 공백은 1칸만 허용한다 HTML 기본 구조 무궁화 꽃이 피었습니다 출력 결과는 브라우저 별로 약간의 차..
프로그램 흐름 입력 - 가공 - 출력 입력 데이터 Database : Oracle DB, Maria DB, MS-SQL 가공 Backend단, Server단 출력 Frontend단, View단, UI단 : HTML, CSS, Bootstrap 개발도구 JDK Python C++ 코딩툴 Visual Studio Code Eclipse Sublime Editplus Pycharm 이외 다양한 코딩툴이 존재한다. (인텔리제이, 아톰 등) 수업에서 html, css는 vsc, 자바는 Eclipse를 사용한다. ※ 웹표준 참고사이트 https://www.w3schools.com/
