반응형 Coding/Client - HTML18 HTML5 입력 값 체크 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 유효성체크 = validation pattern은 사용자의 입력값을 알아낼 수 있다. 정규표현식 -> [.....][.....] . 은 모든 문자를 뜻한다. (1개의 단어/숫자) +는 모든 문자+숫자를 넣을 수 있다. form validation은 사용자의 편의를 높여주는 기능일 뿐 보안성은 없다. 보안이라는 것은 결국 서버단에서 해결되어야할 문제이다. 사용자가 입력한 정보를 검증하여 서버에 넣어야한다. 예제 2017. 9. 6. HTML5 입력양식의 속성들 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 예제 2017. 9. 6. HTML 5 입력양식 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. - Video 삽입- 1. videos라는 directory를 만들었다. 2. 각 브라우저마다 선호하는 비디오파일 형식이 다르기 때문에 를 활용하여 다양한 파일형식으로 저장한다.예제 - caniuse.com - 새롭게 도입된 기술은 오래된 웹브라우저에서 동작하지 않습니다. 결국 얼마나 많은 웹브라우저가 이 기술을 사용할 수 있는가에 따라서 신기술의 도입 여부를 결정해야 합니다. Can I use는 이런 결정을 할 때 도움을 주는 서비스입니다. -HTML5의 입력양식 - input type 2017. 9. 4. 외부문서삽입 - iframe 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 웹페이지에 다른 웹페이지를 삽입하는 방법인 아이프래임은 참 편리하면서도 위험한 방법입니다. 왜냐면 신뢰할 수 없는 사이트에서 악성코드 같은 것을 포함하고 있다면 삽입된 외부소스에서 악성코드가 실행될 수 있기 때문이죠. 이런 문제를 해소하기 위해서 HTML의 최신 버전인 HTML5에서는 샌드박스라는 것을 도입했습니다. 아이프래임으로 삽입된 웹페이지에서 자바스크립트 등이 실행되지 않도록 하는 방법인데요. 아이패래임이 무엇인지, 사용법, 그리고 보안을 개선할 수 있는 새로운 방법을 소개합니다.예제 1 예제 2 예제 3 2017. 9. 4. 모바일 지원 (viewport) 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 예제 HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 2017. 9. 4. 정보로서의 HTML 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. - meta tag - 어떠한 데이터를 설명하는 데이터 : 우리가 작성한 웹페이지를 컴퓨터에 저장할 때, utf-8로 인코딩하라. 예제 생활코딩은 일반인에게 프로그래밍을 알려주는 온라인/오프라인 강의입니다. - 의미론적 태그 (semantic element) -예제 HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링.. 2017. 9. 4. 주요태그 - 입력양식 form 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. - 입력양식 form - 사용자가 입력한 정보를 서버로 전송할 때 사용하는 태그 예제 ===> 이곳으로 id, pwd, address를 모두 전송한다. 아이디 : 비밀번호 : 주소 : - 텍스트 입력 - 예제 text : password : textarea : default value - 선택: dropdown list - 예제 색상 붉은색 검은색 파란색 CTRL+마우스클릭 으로 여러개를 선택할 수 있다. => 보통 checkbox를 씀 붉은색 검은색 파란색 - 선택: radio button & checkbox list - 예제 색상(단일선택) 붉은색 : 검은색 : 파란색 : 사이즈(다중선택) 95 : 100 : 105 : - .. 2017. 9. 4. 주요태그 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. - p 태그 - p: paragraph의 줄임말 .... 예제 HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology, used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile appli.. 2017. 9. 4. HTML의 변천사와 통계 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 1. html 연대기 2. html 통계 (2017.09.01 현재 page 사라짐) 2017. 9. 1. 개발도구 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 2017. 9. 1. 이전 1 2 다음 반응형
