Internet

자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다.

⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️

---

인터넷 개요

World Wide Web

• 1989년, Berners-Lee 가 발명
• World Wide Web: 내부적으로 연결된 웹사이트와 다른 웹 자원(resource)의 집함
• 1990년대 웹 브라우저의 부상과 결합하여 사용자들이 멀티미디어 콘텐츠를 탐색하고 다른 사용들과 상호작용할 수 있도록 하는 사용자 친화적인 인터페이스를 도입
• Web: HTML이라는 문서 형태와 HTTP라는 문서 전송 프로토콜, URL로 문서의 위치를 표시하는 시스템
  * (https://velog.io/@sgjh4022/%EC%9B%B9%EA%B3%BC-%EC%9D%B8%ED%84%B0%EB%84%B7%EC%9D%98-%EC%B0%A8%EC%9D%B4)를 참고하였습니다.

Browser(브라우저) 및 Server(서버)

• Internet(인터넷): 전 세계의 컴퓨터 장치를 연결하는 네트워크로, 먼 거리에 있는 사람들이 서로 정보를 공휴할 수 있게 해줌.
• Client(클라이언트): 데이터를 요청하고있는 사용자의 장치나 프로그램. 사용자의 노트북, 스마트폰 또는 태블릿에서 실행되는 브라우저 또는 응용프로그램 등
• Server(서버): 수신 요청을 기다렸다가 데이터를 다시 보내주는 장치 또는 프로그램. 사내 서버, 데이터 센터의 임대 서버 또는 클라우드 서버 등

서버가 클라이언트에 응답할 때, 서버는 응답(response)의 일부로 상태 코드(Status code)를 지정함.

상태 코드(Status code): HTTP 요청이 성공적으로 완료되었는지 여부를 나타내는 것.

오류가 발생한 경우 발생한 오류 유형에 대한 정보를 포함하며,Statuse code는 브라우저가 응답과 함께 반송된 데이터를 처리하는 방법을 아는 데 도움을 줌.

HTTP Status Code

Code	Explanation
200  OK	The request has succeeded.
301 Moved Permanently	The resource has been moved and the client is being redirected.
404 Not Found	The requested resource was not found.
500 Internal Sever Error	The server encountered an unexpected error.

브라우저 작동 방식

1. 사용자가 URL을 입력하고 입력을 누르면 서버가 요청을 처리하고 HTML 파일을 클라이언트로 전송. HTML 파일은 웹사이트의 내용을 담고 있으며 사이트를 제대로 표시하는 데 필요한 추가 resource나 코드에 대한 링크를 포함한다.
2. 브라우저는 HTML 파일에서 요소들을 검색하기 시작하며, 그것은 HTML 파일에 사용되는 다른 외부 resource에 대한 추가 HTPP 요청함
   
   요청에 포함되는 것: 하나 이상의 CSS stylesheets., request-response cycle, 하나 이상의 Javascript file 등

Web. 2.0

초기 웹사이트는 텍스트, 이미지, 링크 등으로 구성되었고, 한 페이지에서 다른 페이지로 검색하는 것 이상의 상호작용은 거의 없었음.

이러한 웹사이트를 “static(정적인)”이라고 하며, 이는 사용자 행동에 따라 바뀌지 않기 때문에 움직임이 없다는 것을 의미

인터넷 연결 속도와 웹 기술의 발전에 따라, 웹에서 더 복작한 상호작용이 가능해짐.

2000년대 초반의 기술의 발전으로 “Web 2.0”이라 불리는 웹 애플리케이션 클러스터(cluster)가 탄생함.

Web 2.0 애플리케이션이린?

• 페이지를 강제로 다시 로드하지 않고 user input에 응답하는 콘텐츠를 제공하여 동적(dynamic) 사용자 환경을 제공하는 것
  일반적으로 사용자가 새로운 페이지로 이동하며, 새로운 페이지가 로드 될 때까지 기다려야 하나, 웹 2.0에서 웹사이트는 reload로 인한 중단을 피하기 위해 페이지의 선택된 영역만 업데이트할 수 있음.
• 사용자 생성 콘텐츠 및 사회적 공유를 강조하는 것
  초기 웹에서 콘텐츠는 일반적으로 단일 소스에 의해 작성되었지만, 웹 2.0에서 블로그, 소셜미디어, 위키의 출현은 사용자들이 콘텐츠를 생성하고 공유할 수 있다는 것을 의미함.

인터넷 사용자 인터페이스에서 이러한 발전을 가능하게한 기술적인 발전의 예

• JQuery: 웹 페이지가 실행되는 동안 데이터를 가져올 수 있는 최초의 Javascript Framework
• Spring, Django, Ruby-on-Rails와 같은 데이터베이스에 접속한 Web framework의 발전
  Web framework의 발전은 사용자 생성 콘텐츠를 효과적으로 생성, 저장 및 표시할 수 있게 함.

Web 2,0 의 특징

• Interactive
• Dynamic
• Allows social interaction

Current Internet Trend

• Responsive web Design
• Mobile Applications and Devices

---

참고

• https://www.vox.com/2014/6/16/18076282/the-internet