코딩 공부 코딩 공부

01. 이벤트 메서드 : addEventListener('click') : 클릭했을 때 02. 이벤트 메서드 : addEventListener('scroll') : 스크롤 했을 때 03. 이벤트 메서드 : addEventListener('resize') : 브라우저 사이즈 변경 됐을 때 04. 이벤트 메서드 : addEventListener('selectstart') : 텍스트 선택을 시작 했을 때 05. 이벤트 메서드 : addEventListener('visibilitychange') : 브라우저의 탭 상태가 변경 했을 때 06. 이벤트 메서드 : addEventListener('DOMContentLoaded') : 로딩이 된 후 07. 이벤트 메서드 : addEventListener('mousedo..

01. 요소 메서드 : 선택자 : Document.querySelector() : 요소 선택자 02. 요소 메서드 : 선택자 : Document.querySelectorAll() : 모든 요소 선택자 03. 요소 메서드 : 선택자 : Document.getElementById() : 아이디 요소 선택자 04. 요소 메서드 : 선택자 : Document.getElementByClassName() : 클래스 요소 선택자 05. 요소 메서드 : 요소 : Document.createElement() : 요소 만들기 06. 요소 속성 : 선택자 : Element.firstElementChild : 첫 번째 자식 요소 선택자 07. 요소 속성 : 선택자 : Element.lastElementChild : 마지막 번..

01. 브라우저 객체 : window 객체 메서드 : window.alert() : 알림창 표시하기 02. 브라우저 객체 : window 객체 메서드 : window.confirm() : 확인창 표시하기 03. 브라우저 객체 : window 객체 메서드 : window.prompt() : 입력창 표시하기 04. 브라우저 객체 : window 객체 메서드 : window.open() : 새로운 창 열기 05. 브라우저 객체 : window 객체 메서드 : window.close() : 새로운 창 닫기 06. 브라우저 객체 : window 객체 메서드 : window.focus() : 페이지 포커스 설정 07. 브라우저 객체 : window 객체 메서드 : window.blur() : 페이지 포커스 벗어났을..

01. 수학 메서드 : Math.round() : 반올림 : 반환(숫자) 02. 수학 메서드 : Math.floor() : 버림 : 반환(숫자) 03. 수학 메서드 : Math.ceil() : 올림 : 반환(숫자) 04. 수학 메서드 : Math.trulc() : 값의 정수 부분만 반환 : 반환(숫자) 05. 수학 메서드 : Math.random() : 0과 1사이의 난수 값을 반환 : 반환(숫자) 06. 수학 메서드 : Math.max() : 가장 큰 값을 반환 : 반환(숫자) 07. 수학 메서드 : Math.min() : 가장 작은 값을 반환 : 반환(숫자) 08. 수학 메서드 : Math.abs() : 절대값 반환 : 반환(숫자) Math 메서드 참고 사이트 >>

01. 배열 속성 : length : 배열 길이 구하기 : 반환(숫자) 02. 배열 메서드 : join() : 배열 요소 문자열 결합 : 반환(문자열) 03. 배열 메서드 : push() : 배열 마지막 요소에 추가 : 반환(숫자) 04. 배열 메서드 : pop() : 배열 마지막 요소에 삭제 : 반환(삭제된 요소) 05. 배열 메서드 : unshift() : 배열 처음 요소에 추가 : 반환(숫자) 06. 배열 메서드 : shift() : 배열 처음 요소 삭제 : 반환(삭제된 요소) 07. 배열 메서드 : reverse() : 배열 요소의 순서를 반대로 정렬 : 반환(배열) 08. 배열 메서드 : sort() : 배열 요소를 정렬할 때 : 반환(배열) 09. 배열 메서드 : concat() : 배열 요소..

01. 문자열 : 문자열 결합 / 템플릿 문자열 02. 문자열 속성 : length : 문자열 길이 구하기 : 반환(숫자) 03. 문자열 메서드 : toUpperCase() : 문자열 대문자 변경 : 반환(문자열) 04. 문자열 메서드 : toLowerCase() : 문자열 소문자 변경 : 반환(문자열) 05. 문자열 메서드 : trim() : 문자열 공백 제거 : 반환(문자열) 06. 문자열 메서드 : indexOf : 문자열 검색 : 반환(숫자) 07. 문자열 메서드 : lastIndexOf() : 문자열 검색 : 반환(숫자) 08. 문자열 메서드 : search() : 문자열 검색 : 반환(숫자) 09. 문자열 메서드 : includes() : 문자열 포함 여부 검색 : 반환(불린) 10. 문자열 ..

1. 테이블 출력하기 1.1 for문을 이용해서 테이블을 출력하시오 { let table = ""; for(let i=1; i

자바스크립트 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다. window.alert() 메소드 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것입니다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍니다. 결과화면↓ window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있습니다. HTML DOM 요소를 이용한 innerHTML 프로퍼티 실제 자바스크립트 코드에서 출력을 위해 가장 많이 사용되는 방법은 HTML DOM 요소를 이용한 innerHTML 프로..