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

2023. 2. 16. 10:31·JavaScript
목차
  1. 1. 네트워크, 인터넷, 웹
  2. 2. 인터넷(Internet)
  3. 3. 프로토콜
  4. 4. 포트
  5. 5. 웹
  6. 6. 웹의 기본 목적과 구성
  7. 7. 웹 서버
  8. 8. 웹 클라이언트
  9. 9. 클라이언트에서 서버상의 웹 문서 접근
  10. 10. 웹페이지 구성 3 요소
  11. 11. 자바스크립트의 특징
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
  1. 1. 네트워크, 인터넷, 웹
  2. 2. 인터넷(Internet)
  3. 3. 프로토콜
  4. 4. 포트
  5. 5. 웹
  6. 6. 웹의 기본 목적과 구성
  7. 7. 웹 서버
  8. 8. 웹 클라이언트
  9. 9. 클라이언트에서 서버상의 웹 문서 접근
  10. 10. 웹페이지 구성 3 요소
  11. 11. 자바스크립트의 특징
'JavaScript' 카테고리의 다른 글
  • [자바스크립트] 연산자(1)
  • [자바스크립트] 자료형
  • [자바스크립트] 변수
  • [자바스크립트] 자바스크립트의 개념과 특징
P_Piano
P_Piano
Apple 생태계 개발자가 되기 위한 학습과 경험의 기록
    반응형
    250x250
  • P_Piano
    피피아노의 개발 일지
    P_Piano
  • 전체
    오늘
    어제
    • 분류 전체보기 (209) N
      • Apple (127) N
        • iOS (22)
        • visionOS (4)
        • Swift (68)
        • UIKit (2)
        • SwiftUI (24)
        • RxSwift (2)
        • Xcode (5) N
      • 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)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.