본문 바로가기

비개발자의 개발 일지

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

시리즈 보기
반응형

javascript60

JavaScript window.open · close — 윈도우 열기·닫기 완전 정리 Web Development · JavaScriptJavaScript window.open과 close새 윈도우를 열고 참조를 저장한 뒤, 열린 창인지 확인하고 닫는 흐름을 정리합니다.시작 오늘 분석할 코드이 예제는 브라우저 window 객체가 제공하는 시간 제어와 창 제어 기능을 다룹니다. 타이머는 특정 함수를 나중에 또는 반복해서 실행하고, window.open은 별도 브라우저 창을 제어합니다. window.open()으로 윈도우 열기 엘비스 프레슬리 홈 페이지 유니버설 올랜드 홈 페이지 디즈니월드 홈 페이지 window의 close()로 윈도우 닫기 새 윈도우 열기(디즈니월드) 현재 윈도우 닫기 새 윈도우 닫기 실제 출력 미리보기새 윈도우 열기현재 윈도우 닫기새 윈.. 2026. 7. 5.
JavaScript 키 이벤트 — e.key·e.code·방향키 이동 완전 정리 Web Development · JavaScriptJavaScript 키 이벤트이벤트의 기본 개념부터 e.key, e.code, 방향키로 3x3 셀을 이동하는 예제까지 정리합니다.시작 오늘 분석할 코드이 예제는 사용자의 키보드 입력이 브라우저 이벤트로 전달되고, JavaScript가 그 값을 읽어 화면을 바꾸는 흐름을 보여줍니다. 단순히 어떤 키가 눌렸는지 출력하는 예제와 방향키로 표의 선택 셀을 움직이는 응용 예제가 함께 들어 있습니다. 이벤트는 언제 발생하는 거야? 강아지를 분양합니다. 잘 키워주실 분 연락처 남겨 주세요. 도시 서울 부산 광주 전화번호 키 리스너와 키 이벤트 객체의 프로퍼티 텍스트 창에 키를 눌러 보세요. Alt, Shift, Ctrl 키도.. 2026. 7. 5.
JavaScript 폼 입력 요소 — onfocus·radio·checkbox 완전 정리 Web Development · JavaScriptJavaScript 폼 입력 요소focus/blur 검증, radio 선택 확인, checkbox 합계 계산을 정리합니다.시작 오늘 분석할 코드이 예제는 사용자의 선택과 입력에 따라 화면 값을 바꾸는 흐름을 다룹니다. 이미지는 src를 바꾸고, 폼 요소는 value, checked, focus()를 읽고 제어합니다. onfocus와 onblur 이름을 입력하지 않고 다른 창으로 이동할 수 없습니다. 이름 학번 버튼을 클릭하면 선택된 라디오 버튼의 value를 출력합니다. 서울 부산 춘천 물품을 선택하면 금액이 자동 계산됩니다 모자 1만원 구두 3만원 명품가방 8만원 지불하실 금액 실제 출력 미리보기이.. 2026. 7. 5.
JavaScript 이미지 변경 — new Image 프리로딩·select 완전 정리 Web Development · JavaScriptJavaScript 이미지 변경new Image() 프리로딩과 select 선택값으로 이미지 src를 바꾸는 흐름을 정리합니다.시작 오늘 분석할 코드이 예제는 사용자의 선택과 입력에 따라 화면 값을 바꾸는 흐름을 다룹니다. 이미지는 src를 바꾸고, 폼 요소는 value, checked, focus()를 읽고 제어합니다. new Image()로 이미지 로딩 이미지를 클릭하면 다음 이미지를 보여줍니다. select 객체에서 선택한 과일 출력 과일을 선택하면 이미지가 출력됩니다. 딸기 바나나 사과 실제 출력 미리보기image바나나사과딸기용어 용어 정리srcimg 요소가 표시할 이미지 파일 경로입니다.new Image()이미지.. 2026. 7. 5.
반응형

티스토리툴바