WakaraNai

DOM Document Object Model HTML을 DOM이라는 객체 형태의 모델로 브라우저에 저장 1. getElementById() 1-2. getElementByClass() 1-3. getElementByTagName() 2. Element.querySelector() CSS에 사용한 선택자에 접근할 때도 유용 2-2. Element.querySelectorAll()

window 전역 객체 window는 전역 객체므로 생략 가능 //window.setTimeout() setTimeout() setTimeout 콜백 함수를 사용하고 싶을 때 쓰는 함수입니다. setTimeout() 안에 적은 함수가 콜백 함수 입니다. 당장 실행되지 않고 원하는 시점에 실행될 수 있도록 해줍니다. 함수의 매개변수로 함수를 넘겨줄 수 있습니다. function run() { setTimeout(function() { var msg = "hello codesquad"; console.log(msg); //이 메시지는 즉시 실행되지 않습니다. }, 1000); } run(); 콜백 함수이니 당연히 비동기(asynchronous)로 실행됩니다. 즉, 동기적인 다른 실행이 끝나야 실행됩니다. 스..

스크린 리더를 위한 속성들 lang lang 속성은 스크린리더 프로그램을 위한 것이다. 1, 2, 3을 한글(ko)은 "일 이 삼"으로 영어(en)는 "one two three"로 읽어준다. 그렇기에 lang은 꼭 적어야하는 속성이다. 만약 특정 부분에서 언어를 바꾸고 싶다면 해당 태그에 다시 지정해준다. 1, 2, 3 alt 이미지의 경우는 스크린리더가 동작하지 않기에 이미지에 대한 설명을 위해서 alt 속성에 간단히 써줘야 한다. 더불어 이미지를 불러오기에 실패했을 때도 도움이 된다는 점. 그러니 img 태그에 alt는 필수 속성이라고 생각하자. Sematic Markup Markup 시 태그의 의미, 의도에 맞게 사용해야 한다는 의미. 그 의미에 맞게 사용해야 스크린리더가 정확하게 화면 속 정보를 ..