웹
Posts
15 postsPC용 크롬 브라우저에서 모바일 기기 대응 웹페이지 보기(개발자 도구)
PC용 구글 크롬 브라우저의 개발자 도구(Developer Tools)를 이용하면, 웹사이트에서 스마트폰 등 모바일 기기 접속에 대응하기 위해 만들어진 페이지를 볼 수 있다. 웹개발자가 반응형 웹 관련 시험/디버깅을 할 수 있도록 해 주는 기능이다. 개발자 도구를 실행하려면 메뉴에서 찾아서 선택하거나 단축키를 누르면 된다. 메뉴는 "도구 더 보기(More Tools)" -> "개발자 도구(Developer Tools)"를 선택하면 되고, 개발자 도구 단축기는 컨트롤(Ctrl)+쉬프트(Shift)+I를 누르면 되겠다. 개발자 도구가 실행되면 디바이스 툴바(Device Toolbar)를 켜자. 웹 소스코드가 표시되는 창 바로 위에 아이콘이 있고, 단축키는 컨트롤+쉬프트+M이다. 디바이스 툴
[DOM] Document Object Model Level 2 - Core
* 본 글은 W3C에서 작성한 DOM 표준 명세 중 Level 2 - Core를 번역한 것입니다.* HTML 공부를 위한 목적으로 시작한 번역으로, 시간과 체력 관계상 XML 관련 내용은 넘어간 것이 많습니다.* 각 인터페이스의 경우, IDL 정의를 비롯한 자세한 내용이 생략되어있으며, 특성과 메서드만 목록화하였습니다. 자세한 구현 내용은 원문을 검색해주세요.* 혹-시나, 상업적 용도로 사용하지 말아주세요. 문서 객체 모델이란 무엇인가? 도입 문서 객체 모델(DOM)이란 HTML과 XML 문서를 위한 응용 프로그램 개발 인터페이스(API)이다. DOM은 문서의 논리적 구조, 문서가 접근되고 조작되는 방식을 정의한다. DOM 기술에서, 용어 "문서"는 넓은 의미로 쓰인다. 점점, XML은 여러 시스템
자바스크립트 또는 JQuery에서 객체 존재 여부 체크하기
자바스크립트 또는 JQuery에서 객체 존재 여부 체크하기 자바스크립트에서 객체의 존재를 체크할 때는 홍길동 아이디를 통해 객체에 접근했을 때 객체가 존재하면 [object HTMLSpanElement] 로 출력하고객체가 존재하지 않으면 null로 출력됨 jQuery에서객체의 존재를 체크할 때는
![[웹툰단행본] 『통제구역관리부』 1권 후기 : 이상한 변칙과 기이한 일들이 일어나는 공간에 대하여](https://img.zoomtrend.com/2026/06/09/1780996474-SE-5eda86fa-0d63-4afd-b8dd-b801879fed52.jpg)
