Browser
-
로컬에서 CORS policy 관련 에러가 발생하는 이유Knowledge/Web 2023. 7. 4. 14:33
🚀 발단 위와 같은 html 파일을 로컬환경에서 크롬 브라우져로 실행시켰더니 Access to script at 'file:///C:/경로/js/module.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 이와 같은 에러 메세지가 발생하였습니다. 🛫 해결방안 비슷한 에러를 몇 번 겪어 봤기에 해결은 금방 했습니다. visual studio code 기준으로 설명해 보자면 방법은 아래와 같습니다. 먼저 터미널을 엽니다. http-server가 없다면 npm inst..
-
<script> 태그는 어디에 위치해야 할까요?Knowledge/HTML & CSS 2023. 7. 4. 11:25
위와 같이 asnyc 속성이 더해진 script 태그가 HTML 태그 사이에 있는 경우 아래 그림과 같이 작동합니다. 보시다시피 script 태그를 만나도 html parsing이 중단되지 않습니다. script 로드와 html parsing이 함께 이루어지다가 script 로드가 끝나면 script가 실행되는 시점에 html parsing이 잠시 중단되고 실행이 끝나면 html parsing이 재개됩니다. defer 위와 같이 defer 속성이 더해진 script 태그가 HTML 태그 사이에 있는 경우 아래 그림과 같이 작동합니다. 보시다시피 script 태그를 만나도 script 로드의 시작부터 끝까지 html parsing이 중단되지 않으며 html parsing이 끝나고 난 뒤에야 script가 ..
-
개발자 도구의 console에서 javascript를 사용할 수 있는 이유Knowledge/javascript 2023. 7. 4. 11:08
왜 되지? 위 스크린샷처럼 개발자 도구의 콘솔 탭을 열고 javascript 코드를 작성하면 잘 작동하는 모습을 볼 수 있습니다. 모든 프로그래밍 언어가 그렇듯 javascript도 실행되려면 프로그래머가 작성한 javascript 코드를 기계가 해석할 수 있게 만드는 과정을 거쳐야 할텐데 브라우저에서 이게 왜 바로 실행되는걸까요? javascript 엔진 정답부터 말씀드리자면 브라우저에 javscript 엔진이 내장되어 있기 때문입니다. 파싱과 JIT 컴파일이 가능한 머신을 제공하는 javascript 엔진은 여러 종류가 있는데 각 브라우저에 내장되어 있는 javascript 엔진의 목록은 아래와 같습니다. Chrome - Google v8 넷스케이프 - Spider Monkey Edge - Chakr..