토요스터디 / 13주차

 

 

 

 

 

 

 

 

 

 

 

 

 

 

🏷️ 12주차

- IP(Internet Protocol)와 IP 주소란?

: IP는 인터넷에서 데이터를 주고 받는 통신에 대한 규약

IP주소란, 네트워크상에서 컴퓨터(노드)를 식별하기 위해 부여된 고유 주소

 

 

 

 

- IP 주소 vs Port번호 차이

IP는 말이 추상적이고 어려우니 우선 IP 주소가 무엇인지 부터… * ^^ * ~

IP주소와 포트 번호의 차이는 IP주소는 컴퓨터를 찾을때 필요한 주소를 나타내고

포트는 컴퓨터 안에서 프로그램을 찾을때를 나타내는 것이다.

 

IP주소는 컴퓨터의 집주소, 포트는 집 안에서 각 프로세스가 위치한 방번호라고 생각하면될듯 하다

 

 

 

 IP 주소가 집 주소와 비슷한 개념이라면, 포트 번호는 방 번호와 비슷한 개념   
  예를 들어 어떤 사람이 보낸 물건이 집에 도착을 함. 이때 보낸 사람은 우리집 주소(=IP 주소)를 알아서 보낼 수 있었음.
  집에 도착은 했지만 정확히 누구에게 온 물건인지는 모름. 나한테 온 물건이라면 내가 있는 방에 전달을 해야함.
  이때 '포트'가 이 정보를 알려줌.

 

 

---

 

 

 

 

 

 

< 자스연습 > 

window.addEventListener("load", function () {
	const input = document.querySelector(".value");
	const slider = document.querySelector(".range");
	input.value = slider.value;

	slider.oninput = function () {
		input.value = slider.value;
	}

	const button = document.querySelector(".button");

	function submit(callback, price) {
		console.log("유효성 검사 중..");

		// 유효성 검사
		if (price > 11000) {
			alert("최대값을 넘었습니다. 제대로 입력하세요");
			return;
		}

		console.log('유효성 검사 완료');
		console.log('서버에 데이터 보내는 중...');

		setTimeout(function () {
			console.log('서버에 데이터 전송 완료!');
			callback(price);
		}, 2000);
	}

	function updateData(price) {
		alert(`${price}원이 제출되었습니다.`);
	}

	button.addEventListener("click", function () {
		console.log("가성비를 정했다!");
		submit(updateData, input.value);
	});










	function first() {
		console.log("가성비 정하는 중..");
	}


	// 코드 실행 순서


	first();

});

 

 

 

//객체를 가져오고 객체를 이용해서 함수를 구현

window.addEventListener("load",function(){
    console.log("윈도우 로드");
    var numInput = document.querySelector("#number");
    var ranInput = document.querySelector("#range");
    
    numInput.value = ranInput.value;
    ranInput.oninput = function(){
        numInput.value = ranInput.value;
        console.log(ranInput.value);
    };
});
//자스를 이용해 돔을 바꿀수 있다?