전체 글 37

객체(Object)란 무엇일까요?

자바는 객체 지향 (Object-Oriented) 언어입니다. 객체 지향언어의 특징을 가지고 있는 언어인 자바는 기본적으로 여러가지 개념을 지원하게 됩니다. Polymorphism (다형성) Inheritance (상속) Encapsulation (캡슐화 or 은닉) Abstraction (추상화) Classes (클래스) Objects (객체) Instance (인스턴스) Method (메소드) Message Passing 앞으로 이 개념들에 대해서 포스트를 할 예정입니다. 오늘은 그 중에서 객체(Object)에 대해서 설명을 해드리겠습니다. 객체 (Object) 객체는 현실에서 행동(behavrios), 상태(States)를 가집니다. 예를들어 고양이는 색깔(color), 발톱(claw), 이름(na..

Java 2020.04.25

웹 접근성(Accessibility) with HTML

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

폼(Form)과 유효성 검사

What is Form? HTML 에서 이라는 요소는 사용자에게서 얻은 정보를 모으기 위해서 사용됩니다. 예를 들어서 네이버에 접속을 하시게 되면 아이디와 비밀번호를 입력하는 창이 있습니다. 사용자한테서 입력하는 그 공간이 으로 이루어져있다고 생각하시면 됩니다. 이렇게 입력된 정보들은 웹 서버와 웹 프로그램을 거쳐서 나중에 사용자가 보고 있는 브라우저에 결과물을 보여줍니다. HTML Form elements HTML Form에는 다양한 종류의 elements들일 존재하는데요. 그 중 몇 가지를 예시로 알아보겠습니다. The Element 은 폼 요소들 중에서 가장 중요한 요소로 여겨집니다. 또한 여러가지 속성을 가지고 있는데 그 속성에 따라서 다양하게 보여집니다. Text Fields Radio Butt..

의미론적(Semantic) 태그

What are Semantic Elements? 의미론적 태그들은 웹 브라우저나 개발자들에게 명확하게 의미를 묘사하는걸 뜻합니다. , , 같은 요소들은 의미론적인 태그들로 여겨지게 됩니다. 왜냐하면 이 태그들 안에 있는 컨텐츠들을 정확하게 묘사하는 것 자체가 목적이기 때문이죠. 사실 Semantic tag가 없어도 코드가 돌아가기는 합니다. 하지만 브라우저나 개발자가 그 코드를 읽고 해석할 때 Semantic tag가 있냐 없냐에 따라서 그 코드의 의미가 다르게 다가 올 수도 있죠. 그래서 코드를 짤 때 정확하게 의미를 부여하는게 중요합니다. Semantic Elements in HTML HTML Element 태그는 문서 안에 section을 정의하는데 사용됩니다. 다시 말해서 본문을 넣는다고 생각하..

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이 만들어진 코드를 살펴..

호스팅은 무엇일까요?

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

프론트엔드 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..

프론트엔드 2020.04.17