[JavaScript] 0. 개요 및 VS Code 설치

통신 프로토콜(HTTP/HTTPS)이란?

 

- 컴퓨터 사이에서 정보(데이터)를 주고받을 때 하는 약속

1. 어떤 방식으로 접속

2. 어떤 속도로 전송

3. 어떤 형태로 전송

 

 

TCP/IP

COM[1]	<- 가상 데이터 송수신-> <- 실제 데이터 송수신->	COM[2]
애플리케이션층 트랜스포트층(TCP/UDP) 네트워크층(인터넷층 IP) 데이터링크층		애플리케이션층 트랜스포트층(TCP/UDP) 네트워크층(인터넷층 IP) 데이터링크층

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

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

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

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

 

 

 

서버 & 클라이언트

 

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

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

 

 

IP 주소

 

ex. 192.168.7.200 (4자리 0~255)

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

- localhost: 내 컴퓨터(127.0.0.1)

->www.naver.com(도메인 주소: IP주소를 대신하는 이름)

 

DNS서버: IP주소 <-> 도메인 주소 변환 서버

 

 

포트(port) 번호

 

프로그램을 구분하는 고유 번호(일반적으로 1024 아래 번호는 사용X)

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

 

tomcat: 8080 -> 8088

mysql: 3306

oracle: 8080

 

 

 

클라이언트 -> 요청 -> 서버

 

클라이언트 →	(naver.com) 요청 →	서버(WEB): 정적 데이터만 처리(이미지, html, css, js...) ↓
데이터 베이스 ↓	서버(WAS): 동적 데이터 처리 ←	요청 준비-HTML파일 ←
서버(WAS), 서버(WEB) →	응답 →	클라이언트

 

 

비주얼 스튜디오 설치

 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

실행 후 New File - 바탕화면 - test.html 생성

 

 

[기본적 셋팅]

 

! - enter

 

 

live server 설치

prettier 설치

Rename, Close 태그 설치

 

 

webapp - new folder - js 폴더 생성 - 우클 후 new file - test1.html 만들기