DevJay

튜토리얼 github GitHub - john-smilga/javascript-basic-projects Contribute to john-smilga/javascript-basic-projects development by creating an account on GitHub. github.com Keyword document.querySelectorAll() forEach() addEventListener() currentTarget 속성 classList textContent

배경 XMLHttpRequest를 이용하여 Json 파일을 읽어 들이는 기능 개발시 구현 확인을 위한 실행시 CORS와 관련된 오류가 발생하였다. 원인 CORS ? CORS(Cross Origin Resource Sharing)는 교차 출처 리소스 공유이다. 이는 브라우저에서 발생하는 에러이다. 브라우저는 동일 출처 정책(Same Origin Policy)를 지키며 운용되고 있는데, 이 정책에는 다른 출처의 리소스 접근을 금지하고 있다. 해결 필자는 보통 Chrome 브라우저를 사용한다. JavaScript를 공부할 때에도 자연스럽게 Chrome 브라우저를 사용하여 결과를 확인하고 있다. 아래에는 Chrome 브라우저를 사용시 CORS 에러를 해결하는 방법이다. Chrome 브라우저 설정 변경 Chrom..

튜토리얼 github GitHub - john-smilga/javascript-basic-projects Contribute to john-smilga/javascript-basic-projects development by creating an account on GitHub. github.com 개요 document.getElementById() html 파일내에서 id값을 통해 Element를 찾는 함수 document.querySelector() css 파일에서 정의한 형식을 적용받는 첫번째 Element를 수집하는 함수 addEventListener() addEventListener() - 생활코딩 addEventListener은 이벤트를 등록하는 가장 권장되는 방식이다. 이 방식을 이용하면 여..

개요 html 파일에서 local의 json 파일을 읽어 웹 페이지에 출력하고자 한다. 내용 Json 파일 [ { "name" : "Messi", "birth" : "1987-06-24", "nation" : "Argentina" }, { "name" : "Mbappé", "birth" : "1998-12-20", "nation" : "France" } ] Html 파일 결과 https://github.com/jaywapp/Tutorials.Web/tree/master/Node.js/230103_2