FE/JavaScript (2) 썸네일형 리스트형 CORS 에러 해결 방법 ES6+를 사용해서 javascript 과제를 하던 중 아래와 같은 에러가 콘솔 창에 떴습니다. 흠.. 열심히 구글링해서 원인을 찾아보니 서버에 올리지 않은 로컬의 HTML 파일을 크롬을 통해 Ajax 테스트를 하는 경우 발생한다고 합니다. 해결 방법을 찾아보니 크롬 창 속성에 --disable-web-security --user-data-dir을 추가하면 된다는데, 웹 보안을 해제하는 옵션을 추가하는 거라.. 조금 찝찝하더라고요. 그래서 옵션을 추가하는 방법이 아닌, 크롬 확장 앱을 사용해서 에러를 해결하는 방법을 소개해드릴까 합니다! 오늘 소개해드릴 확장 앱은 'Web Server'입니다. 1. 설치 경로 아래 경로로 들어가서 확장 앱을 다운로드합니다. Web Server fo.. [코뿔소] 13장. 웹 브라우저의 자바스크립트 * 자바스크립트 완벽 가이드 13장 내용을 발취하였습니다 13.3.4 클라이언트 측 자바스크립트 실행 순서 1. 웹 브라우저는 Document 객체를 생성하고 웹 페이지 분석을 시작하는데, HTML 요소와 그 안의 텍스트 내용을 분석해서 Element 객체와 Text 노드를 웹 페이지에 추가한다. 이 때, document.readyState 속성값은 "loading"이다 2. HTML 분석기가 async나 defer 속성이 없는 요소와 만나면, 문서에 추가하고 내장 스크립트건 외부 파일이건 구분 없이 실행한다. 이런 스크립트는 동기 모드로 실행된다. 그래서 스크립트를 다운로드(가능하다면) 하고 실행하는 동안 HTML 분석기는 멈춘다. 이런 스크립트에서는 입력 대기열에 텍스트를 넣기 위해 document... 이전 1 다음
