방구석 개발자의 놀이터

1. 주소창에 페이지 주소 입력 2. 해당 주소에 맞는 서버로 최초 요청(Request) 3. 최초의 요청이 서버로 들어오게 되면 사용자의 브라우저로 최초 응답(Response - HTML) 전달 4. 응답 받은 HTML을 렌더링하고 css, js, img 등 추가 Resource들을 서버로 요청한다 5. 서버에서 브라우저에서 요청한 css, js, img 등 추가 응답을 해준다.

1. Script import 방법 내용 // script 호출 //index.js let test = document.querySelector("#test"); test.addEventListener("click", function(){ alert("Hello Test") }); 로 호출할 수 있다. 위의 예제에서 index.js파일 경로는 html과 같은 폴더안에 있어서 경로를 생략했다. 2. Script 파일 위치 script를 head 태그 안에 위치할 수 있다. 하지만 이 경우에는 위의 예시에서는 오류가 발생한다. 오류를 방지하기 위해서는 위 예시의 index.js를 아래처럼 바꿔야 한다. //index.js window.onload = function(){ let test = document...