[프론트엔드] 네트워크, 인터넷, 웹, 자바스크립트

2023. 2. 16. 10:31·JavaScript
728x90
반응형

1. 네트워크, 인터넷, 웹

  • 네트워크

   -네트워크(Network)의 사전적 의미는 "전선이나 혈관, 통로 등으로 이루어진 망형 조직"이다.

   -IT분야에서는 네트워크를 '컴퓨터와 컴퓨터를 연결해주는 망'의 개념으로 사용하고 있다.

  • TCP/IP

   -TCP/IP(Transmission Control Protocol/Internet Protocol)는 컴퓨터 간에 통신할 수 있도록 만든 프로토콜이다.

   -인터넷의 기반 네트워크 시스템으로 하드웨어, 운영체제, 접속 매체에 관계없이 동작할 수 있는 개방형 구조.

 

  • IP주소

   -IP주소(IP Address)는 TCP/IP로 연결된 네트워크에서 각각의 컴퓨터를 구분하려고 사용하는 주소이다.

   -숫자로 구성되어 있고 "123.123.123.123" 과 같이 4개로 구분된 10진수를 사용한다.

 

2. 인터넷(Internet)

  • 인터넷은 전 세계가 하나로 연결된 네트워크를 의미하는 고유명사로, Internet으로 표기한다.
  • Internet은 내부 네트워크를 의미한다.
  • 인터넷은 네트워크 인프라이고 www, email등은 인터넷 기반 서비스이다.
  • 인터넷 ≠ 웹

대표적인 인터넷 기반 서비스

3. 프로토콜

  • 네트워크에 연결된 컴퓨터들 간의 통신 규약
  • 인터넷 서비스들은 TCP/IP 4계층 중 응용계층에 해당한다.

4. 포트

  • 네트워크 서비스를 접속하기 위한 접점
  • 컴퓨터에서 여러 네트워크 서비스를 제공하는 경우 이를 구분하기 위한 용도로 사용한다.

5. 웹

  • World Wide Web (www)
  • 인터넷에서 운영되는 서비스 중 하나로 대표적인 인터넷 서비스이다.
  • 1989년 스위스에 있는 유럽물리입자연구소(CERN)의 팀 버너스리에 의해 개발 되었다.
  • 웹 브라우저 소프트웨어와 인터넷에 연결만 되어 있으면 PC, 스마트폰, 태블릿 등 운영체제와 하드웨어 상관없이 동일한 서비스 제공이 가능하다.

6. 웹의 기본 목적과 구성

  • 웹의 기본 목적은 다른 여러 컴퓨터에서 문서를 공유하거나 보는 목적으로, 웹에서 다루는 문서를 웹 문서라고 부른다.
  • 웹의 구조는 인터넷을 활용하여 거미줄처럼 연결된 정보 소통 망으로 되어 있다.(World Wide Web)
  • 웹의 구성은 웹서버와 웹 클라이언트 컴퓨터들로 구성이 되어 있다.

7. 웹 서버

  • 웹 사이트를 탑재하는 컴퓨터 ex) 구글, 네이버 등등
  • 웹 문서, 이미지, 동영상 등의 데이터 저장 관리
  • 웹 클라이언트의 요청을 받아 웹 문서 전송
  • 웹 서버로 작동하도록 하는 소프트웨어 실행

8. 웹 클라이언트

  • 사용자 인터페이스 담당
  • 웹 서버에 웹 문서를 요청하고 받아 사용자에게 출력

9. 클라이언트에서 서버상의 웹 문서 접근

  • 사용자가 클라이언트에서 서버에 있는 웹 문서를 접근하기 위해서는, 먼저 웹브라우저에서 도메인명을 입력하고 나면, 웹 브라우저 -> 운영체제 -> 하드웨어를 거쳐서 서버에 전달된다.
  • 이때 서버는 클라이언트의 요청을 받아서 하드웨어 -> 운영체제 -> 웹 서버에 전달되고 도메인에 대한 index.html 파일을 찾아서 다시 클라이언트에 되돌려주게 된다.
  • 또한, 이때 중간에 있는 DNS서버가 사용자가 입력한 인터넷 주소인 도메인에 대한 입력 값을 IP로 변환하여 주게 되는데 이는 해당 웹서버를 찾아가는 웹상의 고유의 컴퓨터의 위치주소가 된다.

10. 웹페이지 구성 3 요소

  • 웹 페이지의 구조와 내용 - HTML
  • 웹 페이지의 모양 - CSS(Cascading Style Sheet)
  • 웹 페이지의 행동 및 응용 프로그램 - Javascript

11. 자바스크립트의 특징

  • 모든 웹 브라우저에서 작동한다.
  • 풀스택 웹 개발 뿐 아니라 다양한 용도의 프로그램을 만들 수 있다.
  • 다양한 자바스크립트 공개 API를 사용할 수 있다.
  • 다양한 라이브러리와 프레임워크를 사용할 수 있다.
  • 인터프리터 방식의 언어이다.
  • 포인터를 지원하지 않는다.
  • 객체기반 방식이다.
  • 사용자의 입력에 동적인 웹 페이지를 작성하는 기능을 제공한다.
728x90
반응형
저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

[자바스크립트] 연산자(2)  (0) 2023.07.05
[자바스크립트] 연산자(1)  (3) 2023.07.04
[자바스크립트] 자료형  (5) 2023.06.21
[자바스크립트] 변수  (0) 2023.06.16
[자바스크립트] 자바스크립트의 개념과 특징  (0) 2023.05.29
'JavaScript' 카테고리의 다른 글
  • [자바스크립트] 연산자(1)
  • [자바스크립트] 자료형
  • [자바스크립트] 변수
  • [자바스크립트] 자바스크립트의 개념과 특징
P_Piano
P_Piano
Apple 생태계 개발자가 되기 위한 학습과 경험의 기록
    반응형
    250x250
  • P_Piano
    피피아노의 개발 일지
    P_Piano
  • 전체
    오늘
    어제
    • 분류 전체보기 (213)
      • Apple (131)
        • iOS (23)
        • visionOS (4)
        • Swift (70)
        • UIKit (2)
        • SwiftUI (24)
        • RxSwift (2)
        • Xcode (5)
      • C언어 (5)
      • C++ (8)
      • Dart (1)
      • Python (3)
      • JavaScript (17)
      • Git (1)
      • CS (39)
        • 디자인 패턴 (6)
        • 네트워크 (20)
        • 운영체제 (8)
        • Database (5)
        • 자료구조 (0)
      • IT 지식 (2)
      • IT 뉴스 (4)
      • 출처 표기 (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    제어문
    프로그래머스
    프로세스
    티스토리챌린지
    함수
    변수
    디자인패턴
    네트워크
    코딩테스트
    옵셔널
    swiftUI
    운영체제
    이니셜라이저
    프로퍼티 래퍼
    SWIFT
    Xcode
    UIKit
    Initializers
    Apple
    클래스
    visionOS
    오블완
    Vision Pro
    비동기
    스위프트
    combine
    배열
    자바스크립트
    연산자
    ios
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
P_Piano
[프론트엔드] 네트워크, 인터넷, 웹, 자바스크립트
상단으로

티스토리툴바