Web front-end 초보 웹 개발자가 알아야 할 개념 15가지 간단 정리!

reggie031 (38)in #kr • 6 years ago (edited)

안녕하세요?
오늘은 web front-end 초보 웹 개발자가 알아야 할 개념 15가지를 모아서 정리해봤어요!
프론트 앤드 뿐만 아니라 웹사이트에 관심이 있는 일반인들도 알아두면 좋은, 어디선가 많이는 들어봤지만 어쩐지 헷갈리는 기본 개념들입니다.
매우매우 간단하게 정리해놨으니 부담갖지말고 한번 쭉 보세요! 🐧

웹 애플리케이션(Web application)

웹을 기반으로 실행되는 프로그램을 의미합니다.
네트워크(Network) 🙌

각 PC를 연결해주는 것을 의미!
인터넷(Internet) 🌍

네트워크 서비스중의 하나이며 컴퓨터로 연결하여 TCP/IP(Transmission Control Protocol/Internet Protocol)라는통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크입니다.
IP

Internet Protocol address, 표준어: 인터넷규약주소)는 컴퓨터 네트워크에서 장치들이 서로를 인식하고 통신을 하기 위해서 사용하는 특수한 번호에요. 즉 통신을 하기위한 약속된 주소입니다.
DNS

Domain Name Server의 줄임말로 숫자(ex 154.0.0.1)로 된 IP를 문자열로 변환해주는 역할을 합니다.
(숫자 주소를 우리가 알아볼 수 있는 https://steemit.com같은 URL로 바꿔줍니다! )
포트(Port)

배가 들어오고 나오는 항구라는 단어의 의미를 생각하면 이해하기 쉽습니다. 들어오는 입출구를 구분하는 연결통로입니다. (각 pc의 응용프로그램을 구분)
웹(Web) 🌐

웹(Web)이란 월드 와이드 웹(World Wide Web)의 줄임말로, 첫 글자를 따서 WWW라고 부르기도 하는데요. 웹을 영어 뜻 그대로 풀이하면 '거미줄' 이라는 뜻이며 이는 '세상의 크기만한 거미줄'이라고 직역할 수 있습니다!
클라이언트 와 서버(Client and Server)

클라이언트 : 요청하는 고객 🙋 (HTML, CSS, JavaScript)
서버 : 응답하는 역할 🙆 (PHP, Nodejs 등등)
하이퍼링크(Hyper link)

단어나 기호, 그림 등을 문서 내의 다른 요소나 다른 문서로 연결해 놓은 일 (참조)
하이퍼텍스트(Hyper text)

참조(Hyper link)를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트입니다.
HTML 📰

HTML은 웹 페이지를 위한 지배적인 마크업 언어이며 구조와 정보를 담당합니다.
CSS 🎨

디자인을 담당하는 언어입니다.
JavaScript 🚕

움직임, 동적인 부분을 담당하는 언어에요.
웹표준 📖

웹 표준은 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어입니다. 흔히 말하는 웹 표준을 준수한다는 의미는 정해진 국제 표준을 지킨다는 것을 의미합니다.
웹 접근성

웹에 접근할 수 있는 동등한 권리이며 모든 사용자들이 손쉽게 접근할 수 있어야 합니다.

- 월드 와이드 웹 (World Wide Web)을 창시한 팀 버너스 리(Tim Berners-Lee)는 웹이란 '장애에 구애 없이 모든 사람들이 손쉽게 정보를 공유할 수 있는 공간'이라고 정의하였으며, 웹 콘텐츠를 제 작할 때에는 장애에 구애됨이 없이 누구나 접근할 수 있도록 제작하여야 한다고 하였다.

특히 웹 접근성 준수 의무 있는 자가 의무를 지키지 않은 경우, 민사상 책임, 형사상 처벌, 행정상 진정 또는 과태료 책임을 부담할 수 있다고 합니다.

악의적인 차별행위라는 점이 입증되면, 악의적인 차별행위를 한 자는 3년 이하의 징역 또는 3천만원 이하의 벌금에 처해질 수 있다고 하니 ㄷㄷ;

가급적으로 웹 표준과 접근성을 준수하여 사용자들이 차별없이 접근할 수 있는 웹사이트를 제작하는 것이 좋겠습니다.