[JS] IP주소, TCP / IP, 통신과정

💡 -http vs https

-OSI 7계층
-방화벽
-브라우저 랜더링
-https://tecoble.techcourse.co.kr/post/2021-10-24-browser-rendering/

브라우저 렌더링 과정 이해하기.

[통신]

-전화

http : 통신프로토콜

https : http+보안적강화

[통신 과정] ex)카톡

1. 애플리케이션층 : COM1 - 카톡(응용프로그램)으로 정보전송(가상의 데이터 전송)
2. → 트랜스포트층 : 메시지 문제있는지 검사, 준비, 세팅
3. → 네트워크층 : 메시지를 ‘패킷’이라는 단위로 만듦
4. → 데이터링크층 (=랜포트): 컴이 인터넷을 할 수 있는 이유 : LAN선 OR 무선LAN(와파)을 타고 컴→ 공유기→ 전봇대 → 카톡 서버
5. → COM2 근처 전봇대 → COM2 공유기 → COM2 네트워크층 → COM2 트랜스포트층 → COM2 애플리케이션층

*내가 보낸 메시지를 카톡에 보내고, 카톡이 COM2에 보냄. (카톡 서버에 저장되고 기록됨)

*외국과는 해저테이블(유선)을 통해 연결되어있음 — 위성보다 저렴하고 빠름

 

TCP / IP

통신 프로토콜 중 하나.

애플리케이션층 : 실제 인터넷 응용 프로그램 실행

트랜스포트층(TCP/UDP) : 데이터 전송지확인, 데이터 에러체크

네트워크층(인터넷층 IP) : 데이터를 패킷단위로 변환하여 정보 전달

데이터링크층 : 랜카드 제어, 관련된 H/W 제어

 

서버 & 클라이언트

서버 : 정보/서비스를 제공하는 컴퓨터

클라이언트 : 정보/서비스를 정보요청하는/제공받는 컴퓨터

- 서버가 있어야 클라이언트가 있을 수 있음

 

IP주소

ex) 192.168.7.200 (4자리 0~255)

'.'기준 4자리 인터넷상에서 특정 컴퓨터를 구분하기위한 값 (전화번호)

 localhost : 내 컴퓨터 (127.0.0.1) 

포트(port)번호

컴퓨터에는 인터넷을 사용하는 프로그램이 다양하다.

프로그램을 구분하는 고유번호. (일반적으로 1024 아래 번호는 사용x -- 충돌 피하기위해) t

omcat :8080(기존) -> 8088(으로바꿈)

- oracle과 충돌을 피하기위해 바꿈

mysql : 3306(외우기)

oracle : 8080

ipconfig

💡 정적 / 동적 데이터 (데이터가 변함의 유무)

ex) 네이버 창 예시 정적(바뀌지않음) - 이미지, 광고, 아이콘

동적(바뀜) - 뉴스기사, 날씨

*신문사 서버 → 네이버 → 내컴퓨터 (요청을 해서 받아온거임)

js - javascript 정적데이터만 처리

동적과 정적을 한번에 요청하는 서버 - tomcat

정적 필요 : web→web→응답

동적 필요 : web→was→DB→was→web→응답

 

[script]

-이클립스에서 태그열어서 실행

 

---

웹사이트에 vscode 검색

→visual studio

:Visual Studio Code는 데스크톱에서 실행되고 Windows, macOS 및 Linux에서 사용할 수 있는 가볍지만 강력한 소스 코드 편집기입니다. JavaScript, TypeScript 및 Node.js에 대한 기본 지원이 제공되며 다른 언어 및 런타임(예: C++, C#, Java, Python, PHP, Go, .NET)에 대한 풍부한 확장 에코시스템이 있습니다.

 

다운