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