HTML63 3월 17일 (2) JavaScript - locatoin, history location [window.]location : 현재 보이는 페이지의 정보 locaion.href : 페이지의 url(a 태그의 href와 같음) 태그가 아닌 다른 곳에 주소 입력 시 사용 location.hostname : 서버의 주소(Domain mane) location.pathname : 페이지의 경로와 파일명 location.protocol : 사용 중인 웹 프로토콜(http) history window.history : 방문한 페이지 이동 관련 정보 방문한 페이지가 있어야 활성화 history.back() : 이전 페이지로 이동 history.forward() : 다음 페이지로 이동 history.go(n) : back과 forward를 합친 메서드 back -> history.go(-1).. 2023. 3. 17. 3월 17일 (1) JavaScript - Screen BOM(Browser Object Model) - window 객체 Screen 관련 1. 화면크기 구하기 [window.]screen.width/height : 화면의 너비/높이 디스플레이 해상도를 의미(픽셀) window.screen.availWidth/avilHeight : 유효 화면 너비/높이(작업표시줄 제외) window.innerWidth/Height : 창 내부 너비/ 높이 화면의 변경에 따라서 자바스크립트로 처리할 수도 있도록 생각해 보는 것도 필요! 대부분 'window.' 키워드는 생략한다. + 네비게이션 브라우저에 따라서 개발자 소스에 따라 앞부분에 처리할 수 있는 것들이 붙기도 한다. 페이지(문서)의 크기 페이지의 너비 : docment.body.clientWidth 페이지의 높이 .. 2023. 3. 17. 3월 16일 (2) JavaScript - 브라우저 객체 모델 p576 BOM(Browse Object Model) 브라우저 객체 모델 window를 기반으로 함 브라우저 프로그램에서 제공하는 기능을 자바스크립트로 제어할 때 사용하는 객체 묶음 동일하게 제공하는 기능들이 있다, 이런 객체를 모아서 만든 모델, 브라우저 window command 입력 방식 CUI - 직접 명령어를 입력해서 사용사용자 인터페이스 GUI - 그림을 띄워서 명령어를 사용하게 하는 스크린 - 화면 효과로케이션 - a link와 같음히스토리 - 경로 이동, 방문기록내비게이터 - 브라우저의 정보, 브라우저에 따라서 제어하는 기능이 다르다.다큐멘트 body 1. window alert 등의 대화창, 화면의 크기, 스크롤 등을 처리 화면의 크기는 3가지로 모니터 크기, 유효영역(실제 프로그램 크기.. 2023. 3. 16. 3월 15일 야구 전광판 만들기 야구 전광판 만들기 1. 스트라이크 3개면 아웃 1개 카운트 이때 스트라이크와 볼 카운트는 0으로 초기화 2. 볼 4개면 스트라이크와 볼 카운트 0으로 초기화 3. 아웃카운트 3개면 스트라이크, 볼 버튼 비활성화 요소.disabled = true; // 비활성화 요소.disabled = false; //활성화 4. 아웃카운트 3개면 재시작 버튼 보임 요소를 보이게 하는 법 : 요소.style.display = "inline"; 요소를 숨기는 법 : 요소.style.display = "none"; 5. 재시작 버튼을 누르면 스트라이크, 볼 버튼 활성화 모든 카운트는 0으로 초기화, 재시작 버튼 숨김 Strike Ball 재시작 S:0 B:0 O:0 2023. 3. 16. 3월 10일 반 별 성적 관리 프로그램 반별 성적 관리 프로그램 (간이 프로젝트) 1. 학생 인원수에 맞게 입력칸을 자동으로 생성한다. 2. 생성된 입력칸에 점수를 입력하고 (여러 과목) 3. 총점, 평균 버튼으로 누적점수와 반평균을 구하여 출력한다. 4. html 요소를 이쁘게 또는 멋지게 꾸민다. 반별 성적 관리 프로그램 학생수 : 입력칸 생성 계산 2023. 3. 15. 3월 13일 (2) JavaScript - 변수 범위, 함수 표현식, 이벤트 변수의 범위(scope) 변수는 선언하고 사용할 때 적용되는 범위(scope)를 갖는다. 변수의 유효 범위에 따른 구분 1. 지역변수(local variable) - 함수 안에서만 사용할 수 있는 변수 매개변수도 지역변수이다. for 문에서 만든 변수(카운터 변수)는 for 범위 안에서만 사용할 수 있다. 2. 전역변수(global variable) - 함수 범위에 상관없이 모든 범위에서 사용할 수 있는 변수 화살표함수(=>) 함수 표현식을 화살표 함수로 간결하게 표현, 가독성 및 유지 보수성을 높이는 방식. 작성단계 1) function 키워드를 생략한다. p = 매개변수 const idfunction = function(p) {.....}; -> const idfucntion = (p) => {..... 2023. 3. 13. 이전 1 2 3 4 5 6 ··· 11 다음