본문 바로가기

비개발자의 개발 일지

현장 팀장에서 수출 ERP까지 — AI와 함께 시스템을 만든 기록

시리즈 보기
반응형

javascript60

JavaScript window.location — 페이지 이동·URL 완전 정리 Web Development · JavaScriptJavaScript window.locationselect에서 선택한 URL을 읽어 현재 탭을 이동시키는 흐름을 정리합니다.시작 오늘 분석할 코드이 예제는 window 객체가 제공하는 브라우저 정보 API를 읽고, 그 값을 화면에 출력하는 흐름을 다룹니다. 값 자체를 외우기보다 어느 객체에 어떤 정보가 들어 있는지를 구분하는 것이 핵심입니다. 네이버 구글 마이크로소프트 웹 사이트 접속 window.location현재 창의 URL 정보를 담고 이동도 담당합니다.hreflocation 객체의 실제 주소 문자열입니다.select여러 선택지를 담는 폼 요소입니다.optionselect 안의 개별 선택 항목입니다.selectedIndex현재 선택된 option의.. 2026. 7. 6.
JavaScript window.print · onbeforeprint 완전 정리 Web Development · JavaScriptJavaScript window.printprint() 호출과 onbeforeprint/onafterprint 이벤트로 인쇄 전후 화면을 제어합니다.시작 오늘 분석할 코드이 예제는 window 객체가 제공하는 인쇄, 스크롤, 창 이동, 창 크기 조절 기능을 다룹니다. 브라우저 보안 정책과 사용자 조작 여부에 따라 일부 메서드는 제한될 수 있습니다. 웹 페이지 프린트 window 객체의 print() 메소드를 호출하면 window 객체에 담겨 있는 웹 페이지가 프린트 됩니다. 이곳을 누르면 프린트 됩니다. onbeforeprint, onafterprint 이벤트 예 안녕하세요. 브라우저 윈도우에서는 보이지 않지만, 프린트시에는.. 2026. 7. 6.
JavaScript 스크롤·위치·크기 — scrollBy·moveBy·resizeBy 완전 정리 Web Development · JavaScriptJavaScript 스크롤과 윈도우 위치scrollBy, requestAnimationFrame, moveBy, resizeBy로 화면 이동과 창 제어를 비교합니다.시작 오늘 분석할 코드이 예제는 window 객체가 제공하는 인쇄, 스크롤, 창 이동, 창 크기 조절 기능을 다룹니다. 브라우저 보안 정책과 사용자 조작 여부에 따라 일부 메서드는 제한될 수 있습니다. // 1/1000 초로 생각하면됨 / 30으로하면 엄청 부드럽게 내려감. 자동 스크롤 페이지 꿈길(이동순) 꿈길에 발자취가 있다면 님의 집 창밖 그 돌계단 길이 이미 오래 전에 모래가 되고 말았을 거예요 하지만 그 꿈길에서 자취 없다 하니 나는 그것이 정말 서러워요 이 밤도 나는 님의 집.. 2026. 7. 5.
JavaScript 타이머 — setInterval · setTimeout 완전 정리 Web Development · JavaScriptJavaScript 타이머setInterval() 반복 실행과 setTimeout() 지연 실행, clear 계열 중단 방식을 정리합니다.시작 오늘 분석할 코드이 예제는 브라우저 window 객체가 제공하는 시간 제어와 창 제어 기능을 다룹니다. 타이머는 특정 함수를 나중에 또는 반복해서 실행하고, window.open은 별도 브라우저 창을 제어합니다. 텍스트가 자동 회전하며, 마우스로 클릭하면 중단합니다. 자동 회전하는 텍스트입니다. 이미지에 마우스를 올리고 5초간 그대로 있을 때 사이트로 이동합니다 실제 출력 미리보기자동 회전하는 텍스트입니다.5초 유지 시 이동하는 타이머가 시작된 상태용어 용어 정리window브라우저 .. 2026. 7. 5.
반응형

티스토리툴바