즐거운 개발 세상

웹사이트를 만들고나서 개발자모드로 확인하던 도중 오류를 발견하게 되었어. 말그대로 '

프로젝트를 실행하던 중 아래와 같은 에러가 났어! 대체 무슨말인가 하니 javascript가 ajax로 호출을 할때 소스가 위치한 도메인 url과 호출을 하는 url의 도메인이 일치해야 한다고 해. 이걸 CORS라고 한대! 따라서 내가 마주친 에러는 javascript의 보안규칙에 위배되므로 소스의 URL 도메인과 파일을 업로드하는 도메인이 동일하도록 맞춰주고나서 해결되었어! 늘 느끼는건데, 정말 코드의 철자 하나, 소문자 대문자 차이 때문에 하루 종일 고생할 때도 있는 것 같아. 하나하나 꼼꼼히 보며 개발하는 습관을 들여야겠어!

이번 글에서는 자바스크립트를 가지고 웹페이지 요소에 접근하는 법에 대해서 짤막하게 써보려고해! 가장 먼저 웹페이지를 잠깐만 짚고 넘어가보자! 웹페이지는 일종의 문서(Document)라고 할 수 있어. 대표적으로 html만 봐도 가 있고, 가 있는 식으로 부분적 요소나 내용이 관련된 것들끼리 묶여서 존재하는 구조화 되어있지. 이런 웹페이지에 구조적으로 표현하는 방식을 제공하는 것을 DOM이라고 해. DOM - Document Object Model DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. [DOM의 주요 인터페이스] 기회가 되면 document나 element, window 같은 녀석들..