Front-end/HTML5 [HTML] Web 접근성이란? 접근성(Accessibility) 이란? 접근성이란 사용자의 신체적 특징이나 지역, 나이, 지식 수준, 기술 등 사용자의 제한 사항을 고려하여 가능한 많은 사용자가 불편없이 이용할 수 있도록 서비스를 만들어 제공하고 이를 평가 할 때 사용하는 용어이다. 웹 접근성 (Web Accessibility)이란 웹 사이트에서 제공하는 정보를 모두 동등하게 이용할 수 있도록 보장하는 것이다. 웹 접근성 준수는 「국가정보화기본법」과 「장애인차별금지법」등 법률에 명시된 법적의무사항이다. 웹의 힘은 그 광범위함에 있다. 장애에 관계 없이 모든 사람이 접근할 수 있다는 것이 절대적인 장점이다. 월드 와이드 웹 창시자 - Tim Berners Lee 접근성을 고려하는 설계는 일반사용자들에게는 불필요하다고 생각할 수 있지만,.. 2021. 12. 31. [HTML] 검색엔진 최적화(SEO) 란? 검색 엔진(Search Engine) 이란? 검색 엔진이란 웹 사이트를 검색하기 위한 프로그램으로, 서버에서 로봇(robot)이라 불리는 프로그램을 이용하여 웹 사이트들을 돌아다니며 웹 사이트들에 대한 정보를 미리 자동적으로 수집한다. 이후 사용자가 검색어를 입력하면 검색 엔진이 수집한 정보 중 그에 맞는 웹페이지를 소스로 결과를 생성한다. 용어 검색 엔진에 대해 알아보기 필수로 알아야하는 용어에 대한 정리이다. 색인 (Index) 색인이란 데이터베이스에서 빠른 검색을 위한 정보를 갖는 자료이다. 색인은 문서 안에 개별 어휘가 문서의 어디에 있는지 확인해 축적하는 방식으로 생성되며 웹 페이지의 콘텐츠(텍스트, 이미지, 동영상 등) 및 URL을 명시한다. 크롤링 (Crawling) 크롤링이란 웹 페이지의 .. 2021. 12. 30. [HTML] 폼<form> 유효성 검사 유효성 검사(validation)란? 유효성 검사(validation)란 사용자가 입력한 데이터가 설정한 제약 조건 내에 있는 올바른 형식인지 확인하는 것이다. 즉 데이터가 서버 혹은 데이터베이스에 저장되기 전 해당 데이터를 검증하는 작업을 의미한다. 유효성 검사가 필요한 이유는 세 가지이다. 올바른 형식으로 작성된 올바른 데이터 필요 사용자의 데이터를 보호 (예: 비밀번호에서 대문자, 소문자, 특수문자 조합 등) 악의적인 사용자로부터 보호 유효성 검사는 클라이언트 브라우저 또는 서버에서 이를 검증하게 된다. 이 때 클라이언트 브라우저에서 수행되는 유효성 검사를 클라이언트 측 유효성 검사라 하며, 서버에서 수행되는 유효성 검사를 서버 측 유효성 검사라 한다. 클라이언트 측 유효성 검사 클라이언트 측 유효.. 2021. 12. 23. [HTML] 폼<form> 폼 이란? HTML 폼 은 사용자와 웹 사이트 또는 어플리케이션이 서로 상호 작용하기 위한 기술 중 하나이다. 폼은 사용자가 웹 사이트에 데이터를 전송할 수 있게 한다. 일반적으로 웹 서버로 데이터를 전송하지만, 웹 페이지 내 필요한 데이터를 위해 전송할 수도 있다. HTML 폼은 하나 이상의 위젯들로 형성될 수 있으며, 이러한 위젯들은 텍스트 필드, 셀렉트 박스, 버튼, 체크 박스, 라디오 버튼 등이 있다. 위젯(widget) 사전적 의미로 "소형 장치" 또는 "요소"를 뜻 한다. 컴퓨터 프로그래밍에서는 사용자가 웹 사이트 및 어플리케이션과 상호작용을 하기 위한 인터페이스 요소이다. 위젯들을 사용하여, 그래픽 사용자 인터페이스(Graphical User Interface, GUI)를 만들 수 있다. 폼.. 2021. 12. 20. HTML이란? HTML이란? HTML은 HyperText Mark-up Language의 줄임말이다. HyperText란? 한 문서에서 다른 문서로 접근할 수 있는 텍스트. 곧 문서를 서로 연결해 주는 링크를 의미한다. Mark-up이란? 문서의 내용 이외에 문서의 서식, 구조 등을 표현하기 위한 부가적인 정보이다. HTML 곧 HyperText Mark-up Language의 뜻 풀이를 한다면 다음과 같다. "한 문서에서 다른 문서로 접근할 수 있고, 문서의 서식 및 구조 등을 표현하는 부가적인 정보를 사용하는 언어" HTML 예시 Hello,world! 문서 형식(Document Type) HTML 예시에서 보이는 첫번째 줄 은 문서 형식 선언(Document Type Declaration)이다. 문서 형식 선언은.. 2021. 12. 17. 이전 1 다음
