History 브라우저 히스토리 (세션 기록) 정보를 반환하거나 제어한다. // 속성 // .length: 등록된 히스토리 개수 // .scrollRestoration: 히스토리 탐색시 스크롤 위치 복원 여부 확인 및 지정 // .state: 현재 히스토리에 등록된 데이터(상태) // 메서드 // .back(): 뒤로 가기 // .forward(): 앞으로 가기 // .go(위치): 현재 페이지 기준 특정 히스토리 '위치'로 이동 // .pushState(상태, 제목, 주소): 히스토리에 상태 및 주소를 추가 // .replaceState(상태, 제목, 주소): 현재 히스토리의 상태 및 주소를 교체 // > 모든 브라우저(사파리 제외)는 '제목' 옵션을 무시 console.log(history); his..
web apis
이번 부분은 좀 짧은데 그래도 새롭게 알게 된 게 있어서 강렬하게 기억에 남는다. 나무위키나 그런 곳 보면 항목 별로 링크가 걸려있는데, 그걸 누르면 해당하는 창으로 이동한다. 그런데 그게 url도 변경되는 거인 줄은 몰랐다. 뒤로가기 하면 누르기 전 장소로 바뀐다는 것도 알았지만 주소값이 변경되는 줄은 몰랐는데 그게 # (해쉬) 였던 거다. #이 이런 기능을 할 줄이야... 앞으로 더 유심히 보게될 거 같다. Location 현재 페이지 정보를 변환하거나 제어한다. // Location // 현재 페이지 정보를 변환하거나 제어 // .href: 전체 URL 주소 // .protocol: 프로토콜 // .hostname: 도메인 이름 // .pathname: 도메인 이후 경로 // .host: 포트 번호..
console 중에 아는 건 console.log() 말곤 없었다... JS를 다루는 사람들에겐 뗄 수 없는 동반자가 아닐까. 아무튼 이 console에도 여러 메서드가 있다는 걸 알았다. console console은 브라우저의 디버깅에 대한 엑세스를 제공한다고 한다. 아래 코드들을 살펴보면서 무슨 말인지 알아보도록 하자 이번에 console.clear()라는 걸 알고 친구들과 단톡방에서 누군가 염장지르는 말을 하면 저걸 치고 카톡방을 나갔다 오고는 한다. 썩 괜찮은 드립일지도 모른다. 컴과생들만 재밌는 드립을 치고 있었을 줄이야. // console // .log(), .warn(), .error(), dir() // 콘솔에 메시지나 객체를 출력 // - log: 일반메시지 // - warn: 경고메..
