Internet 4

웹 접근성(Accessibility) with HTML

이 글에서는 웹 접근성과 HTML을 활용한 웹 접근성을 알아볼 예정입니다. What is Web Accessibility? 웹 접근성을 얘기할 때는 말 그대로 모든 유저가 "웹 사이트를 이용할 수 있는가"를 얘기합니다. 비장애인 분들은 사이트를 이용하실 때 큰 불편함이 없으시겠죠. 하지만 장애가 있으신 분들 혹은 고령자 분들이 웹 사이트를 이용할 때 부분적으로 한계가 있습니다. 그런 부분을 고려해서 모두가 웹사이트를 이용할 수 있게 하는 방법을 얘기합니다. What should we consider for web accessibiltiy? 웹 접근성을 고려해서 코딩을 할 때는 크게 6가지 사항을 고려하셔야 합니다. auditory (청각) cognitive (인지) neurological (신경) phy..

Front-end/HTML 2020.04.24

HTML 첫 걸음

What is HTML? HTML이란 Hypertext Markup Language의 약자로서 인터넷 문서인 웹 문서를 만드는 마크업 언어입니다. How is HTML different than other languages? 엄밀히 말하자면 HTML은 프로그래밍 언어가 맞습니다. 하지만 HTML은 선언형 언어에 속한다고 합니다. 선언형 언어가 무엇이냐면 웹 페이지에 "뭐가 있어야 돼!"라고 선언하는 기초적인 언어라고 합니다. HTML의 이름에서 보이듯이 Markup은 "태그"라는 것을 사용해서 프로그래밍을 하게 됩니다. 위에 사진에서 보듯이 , , 등 다양한 태그로 문서를 작성하게 됩니다. HTML Basic Examples HTML Documents 지금 F12를 눌러서 HTML이 만들어진 코드를 살펴..

Front-end/HTML 2020.04.19

호스팅은 무엇일까요?

What is Web Hosting? 웹 호스팅이란 개인이나 기관이 홈페이지를 운영하려고 할 때 서버 컴퓨터가 없는 사람들을 위해서 홈페이지 공간을 임대로 빌려주는 서비스를 말합니다. 웹 호스팅 서비스를 제공하는 업체는 웹사이트와 관련된 데이터를 서버에 저장하고 임차인의 홈페이지가 인터넷과 연결될 수 있도록 기술력을 제공합니다. 웹 호스팅의 장점으로는 저렴한 가격으로 자신의 홈페이지를 운영할 수 있다는 것과 서버 관리에 대해서 전혀 신경을 쓸 필요가 없다는 것입니다. 후자인 부분은 단점으로도 작용을 할 수가 있는데 서버에 문제가 생겼을 때 홈페이지의 주인이 에러를 건드릴 수 있는게 아니라 업체에서 제어를 해야하기 때문에 단점으로 작용할 수 있습니다. Common features you could expe..

Front-end 2020.04.19

도메인 네임은 무엇일까요?

Domain Name을 사전에서 찾아보면 "인터넷상에서 개인이 소유하고 있는 인터넷 주소의 이름"이라고 나옵니다. 한 마디로 말해서 website name이라고 생각하시면 편할 것 같아요. 저희가 홈페이지를 찾아갈 때 컴퓨터는 여러개의 숫자로 이루어진 IP 주소를 사용합니다. 그리고 이 IP 주소는 숫자들로 구성되어 있죠. 사람이 이 숫자들을 항상 기억하고 입력하기에는 어렵기 때문에 이 Domain names가 개발되었다고 합니다. IP addresses를 사용하는 대신 간단한 domain name을 사용하는 것이지요. 예를 들어 youtube.com에 접속할 때 youtube.com은 domain name이라고 하는 것이고 youtube.com에는 따로 IP 주소가 있는 것이죠. The Composit..

Front-end 2020.04.17