앞서서..
웹 개발, 프런트엔드 개발자 등등 개발 공부를 하면서 Web개발이 정확히 무엇일까? 어떤 의미를 가지고 있는 것일까?
또는 프런트엔드 개발자는 어떤 일을 하는 거지? 어떤 개발을 하는 거지?
라는 궁금했던 요소들이 지금까지 개발자로서 성장과 공부에 있어서 도움이 많이 되었기 때문에
제가 가지고 있었던 궁금증을 위주로 하나씩 풀어나가 보도록 하겠습니다.
먼저 Web에 대한 개념부터 짚고 넘어가 보도록 하겠습니다.
Web은 무엇일까요?
Web은 우리가 NAVER, Daum, Google 등 여러 사이트(site) 혹은 url주소, 링크를 보다 보면
www.~ 으로 시작되는 것을 많이 보셨을 겁니다.
이 www가 Web(웹)이라고 합니다.
정확한 명칭은 World Wide Web입니다. 이것들의 초성만 따와서 www로 작성하고 부르게 된 거죠.
www의 장자(World Wide Web)를 해석해 보면
전 세계의 넓은 Web(웹)이라고 해석이 되는데요!
이론적인 해석을 하자면
'Internet을 통하여 전 세계 사람들이 서로의 정보를 공유할 수 있는 공간'입니다.
말 그대로 Internet을 사용하여 어떠한 정보나 소통 등을 할 수 있는 공간이에요.
여기서 문득 어떠한 생각이 드실 수도 있는데 '그럼 www랑 Internet이랑 다른 건가?'라는 생각이 드실 수도 있을 것 같아요.
Internet과 Web은 같은 의미라고 생각하실 수도 있지만 서로 가지고 있는 뜻이 다릅니다.
간략하게 설명을 드리자면
Internet
인터넷은 여러 통신망을 하나로 연결한다라는 의미입니다.
Tmi - (inter-network)라는 말에서 시작되었다고 해요.
지금은 '전 세계의 컴퓨터들을 하나로 연결하는 아주 큰 통신망'이라고 생각하시면 좋을 것 같습니다!
자세한 설명은 다음 게시글에서 다루어 볼게요 :)
Web
Internet 속(안)에 텍스트(Text), 그림, 음악, 영상 등등
*멀티미디어(Multimedia) 정보를 *Hyper-Text 방식으로 연결하여 제공해 주는 의미를 가지고 있습니다.
이게 무슨 소린가 싶은데요
멀티미디어(Multimedia)란 현재 보고 계신 제 블로그 글이라던가, 뉴스페이지에 있는 사진, 클립 영상, 연예인의 신곡 등
여러 매체 혹은 미디어라고 생각하시면 좋을 것 같아요!
Hyper-Text와 Hyperlink
'Hyper-Text 방식' 이 것은 저희가 Web을 공부할 때 이해하고 넘어가면 좋은 요소 중에 하나인데요!
자세히 설명드리기 전에 간략한 설명을 조금 말씀해드리고 넘어가자면,
우리가 보고 잇는 이 Web화면은 모두 문서(파일)형식으로 제작되어 있습니다.
예시) 파일명.html 또는 파일명.jsp 이런 식으로 제작되어 있어요.
즉,
이 html이라는 문서 안에 또 다른 문서로 연결되는 참조를 집어넣음으로써
Web상에 존재하는 여러 문서끼리 서로 참조할 수 있는 기술입니다.
이 기술을 'Hyper-Text 방식'이라고 해요.
문서 안에서 또 다른 문서로 연결되는 참조를 'Hyperlink'라고 합니다.
Web Page
그럼 다시 Web으로 넘어가서 이 문서들, *HTML언어로 작성된 Hypertext문서를 Web Page라고 부릅니다.
Web-Site
이 Web Page들이 모인 것이 Web-Site라고 합니다.
*간혹 가다가 어떤 키(F12)를 잘못 눌러서 뜬 화면이 있으실 텐데요 이 <>가 들어가 적혀있는 텍스트 부분을 'HTML언어'라고 합니다.
.
.
.
여기까지 Web에 대한 기본적인 개념을 설명해 보았습니다.
다음 게시글에는 Internet의 개념과 Internet이 어떻게 동작하는지 설명하는 게시글을 올려볼게요 :)
부족하지만 열심히 작성해 보았습니다.!
피드백은 댓글로 부탁드려요 :D
'Java > 웹 어플리케이션(Web Application)' 카테고리의 다른 글
(Web Programing) 2. 인터넷(Internet)의 의미와 동작 원리 (1) | 2024.10.14 |
---|