본문 바로가기

분류 전체보기432

인프런 스프링 입문 강의 2-1 2023. 11. 12.
예제로 배우는 자바스크립트 요약 및 코드 분석 13장 13.5~13.7 13.5 History 객체 History 객체는 브라우저에 방문한 기록, 즉 히스토리 목록을 저장하고 관리하는 데 사용된다. 자바스크립트에서는 사용자의 개인 정보 보호를 위해 이 객체에 접근할 수 있는 권한이 일부 제한된다. History 객체의 length 프로퍼티와 back(), forward(), go() 메서드를 이용하여 히스토리 목록에 저장된 URL 주소의 개수를 얻고 히스토리 목록에 있는 특정 URL로 이동할 수 있다. 13.5.1 히스토리 목록 개수 알아보기 History 객체의 length 프로퍼티는 히스토리 목록에 저장된 URL 주소의 개수를 얻는 데 사용된다. 예제 13-12.History 객체의 length 프로퍼티 history_length.html 코드 원문 예제 13-12.Hi.. 2023. 10. 19.
예제로 배우는 자바스크립트 요약 및 코드 분석 13장 13.1~13.4 13장 브라우저 객체 모델(BOM) 브라우저 객체 모델(BOM)은 브라우저에 관련된 객체를 통하여 모든 정보와 기능을 제공한다. 13장에서는 새 창 열기, 창 닫기, 창 크기 가져오기 등의 기능을 가진 Window 객체에 대해 배운다. 그리고 모니터 화면에 관련된 Screen 객체, 웹 페이지 URL에 관련된 Location 객체, 페이지 방문 히스토리를 다루는 History 객체 등에 대해서도 알아보자. 마지막으로 일정 시간 후에 함수를 동작시키거나 반복 실행 시키는 setTimeout()과 setInterval() 메서드에 대해서 학습한다. 13.1 브라우저 객체 모델(BOM)이란? 자바스크립트에서 브라우저에 대한 정보를 이용하거나 브라우저를 제어하려고 할 때 필요한 것이 브라우저 객체 모델(Brow.. 2023. 10. 19.
예제로 배우는 자바스크립트 요약 및 코드 분석 12장 12.4 12.4 포커스 이벤트 텍스트도 비밀번호 입력창 안에 마우스를 클릭하면 마우스 커서가 깜빡인다. 이런 상태를 포커스를 얻었다고 표현한다. 반대로 입력창 외부를 클릭하면 포커스를 잃게 된다. FocusEvent 객체는 요소가 포커스를 얻거나 잃었을 때 발생되는 포커스 이벤트를 다루는데 사용된다. 많이 사용되는 포커스 이벤트를 표로 정리하면 다음과 같다. 포커스 이벤트 이벤트 발생 시점 onfocus 요소가 포커스를 얻었을 때 onblur 요소가 포커스를 잃었을 때 예제 12-11. onfocus와 onblur 이벤트 사용 예 onfocus.html 코드 원문 이름 : 예제 12-11. onfocus와 onblur 이벤트 사용 예 onfocus.html 코드 분석 이름 : 12.5 키보드 이벤트 키보드 이벤.. 2023. 10. 18.