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

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

---

1. 웹 애플리케이션(Web application)

   웹을 기반으로 실행되는 프로그램을 의미합니다.

2. 네트워크(Network) 🙌

   각 PC를 연결해주는 것을 의미!

3. 인터넷(Internet) 🌍

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

4. IP

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

5. DNS

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

6. 포트(Port)

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

7. 웹(Web) 🌐

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

8. 클라이언트 와 서버(Client and Server)

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

9. 하이퍼링크(Hyper link)

   단어나 기호, 그림 등을 문서 내의 다른 요소나 다른 문서로 연결해 놓은 일 (참조)

10. 하이퍼텍스트(Hyper text)

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

11. HTML 📰

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

12. CSS 🎨

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

13. JavaScript 🚕

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

14. 웹표준 📖

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

15. 웹 접근성

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

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

---

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

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

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

지금까지 많이 익숙하고 쉬운것 같지만 한번쯤 생각해보면
놓치기 쉬운 개념들에 대해서 살펴봤습니다.

여러분들은 도움이 되셨나요? ^_^

그럼 다음에 또 뵈요!✋✋

ㅡ

참고 : 위키백과 + 구글링 :)
https://ko.wikipedia.org/wiki/
https://www.google.com

WinMug(reggie031)
https://steemit.com/@reggie031

관련글 - HTML을 이용한 검색엔진 최적화 방법
https://steemit.com/kr/@reggie031/html-seo-web-coding

p.s 🐶새해복 많이 받으세요!🎎