목록Study Memos/JavaScript Front-End (48)
KorSA
참고> opentutorials.org/course/1375/6650 1. Navigator 객체: 브라우저의 정보를 제공하는 객체 => 주로 호환성 문제를 해결하기 위해 사용 2. Cross browsing 이슈: 브라우저마다 동작을 다르게 하는 현상 => 이거땜에 웹 표준이 나옴 (같은 기능이면 같은 이름 좀 쓰자..) => 웹 표준이 적용 잘 안된 오래된 브라우저들은 Navigator 객체로 브라우저 정보를 얻어와야 함 3. 기능테스트 => 모든 브라우저에 일일이 대응하는 것은 쉬운 일이 아니므로 기능 테스트를 사용하는 것이 더 선호되는 방법 => 브라우저에서 기능을 제공하는지 먼저 확인해보고, 만약 없다면 직접 정의해주고 사용하는 방법
참고> opentutorials.org/course/1375/6634 1. Location 객체: 문서의 주소를 알려주는 객체 => 주소창에 쓰이는 URL을 알아낼 수 있는 객체 => URL을 변경할수도 있음 => location.href => location.reload()
참고> opentutorials.org/course/1375/6632 1. alert: 경고창 => 사용자에게 정보를 제공하거나 디버깅 용도로 많이 씀 2. confirm: 확인창 => 확인을 누르면 true, 취소를 누르면 false 3. prompt: 사용자에게 입력받는 창
참고> opentutorials.org/course/1375/6633 1. window 객체 : 모든 객체가 소속된 객체 2. 전역 변수를 만든다는 것은 결국 window 전역 객체의 property를 만드는 것이다. 3. 전역 함수를 만든다는 것은 결국 window 전역 객체의 method를 만드는 것이다.
참고> opentutorials.org/course/1375/6628 1. BOM(Browser Object Model) : 웹 브라우저의 차이나 프레임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단.
참고> opentutorials.org/course/1375/6622 1. Object Model: JavaScript로 웹 브라우저를 제어하기 위해 사용하는 객체 => 각 태그마다 객체가 만들어짐 2. document.getElementsByTagName( 'someTagName' ) => Tag 이름으로 객체를 얻어오는 함수 3. window 객체 => 전역객체 => window, frame 등을 관리 => 최상위 객체이므로 객체 참조시 생략해도 맨 앞에 붙인 것과 동일한 효과 4. window 객체가 가지고 있는 프로퍼티들 => DOM(Document Object Model), BOM(Browser Object Model), JavaScript Core
참고> opentutorials.org/course/1375/6620 1. HTML 태그의 속성 값으로 사용 (쌍따옴표 안에 JavaScript 코드 사용) 2. HTML 태그 중 태그 사이에 JavaScript 코드 사용 => 태그의 src 속성을 사용하면 외부 파일을 참조하여 JavaScript 코드를 사용할 수 있음 => 태그는 태그에 위치 시킬 때도 있고, 태그의 마지막 부분에 위치시키는 경우도 있다. 의 마지막에 놓는 게 좀 더 낫긴 한데, 에 위치시키는 경우도 많다. 의 마지막에 놓는 게 좀 더 나은 이유는, 웹브라우저가 속성을 처리할 때 에 가 있을 경우 에 있는 class 이름이나 id 등은 아직 읽지 못한 상태이기 때문에 해당 객체를 참조할 떄 null 처리가 된다. 혹 에 태그를 굳이 ..