본문 바로가기

전체 글185

09. 문서객체모델, 노드(Node) 1. Document 객체Dom(Document Object Model)HTML문서 혹은 XML문서 등을 접근하기 위한 일종의 인터페이스 역할* XML 문서 : Extensible Markup Language_ 데이터를 저장하고 전송하기 위한 마크업 언어 문서 내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공웹 페이지 자체(Body)를 의미하는 객체웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때 반드시 document 객체로부터 시작 getElementById(): 해당 아이디의 요소를 선택 (단수객체 저장)getElementsByTagName(): 해당 태그 이름의 요소를 모두 선택 (복수객체저장) ex)p, ankor.... --->배열로 저장getElementsByClassNam.. 2024. 4. 16.
08. 내장객체 1. Math 객체 수학에서 자주 사용하는 상수와 함수들을 미리 구현한 자바스크립트 표준 내장 객체 min(): 가장 작은 수를 반환. 매개변수가 전달되지 않으면 Infinity를 반환max(): 가장 큰은 수를 반환. 매개변수가 전달되지 않으면 -Infinity를 반환round(): 소수점 첫번째 자리에서 반올림하여 그 결과를 반환floor(): 소수점을 버림ceil(): 소수점을 올림random(): 0보다 크거나 같고, 1보다 작은 무작위 소수를 반환             body>             script>                       //min(): 최솟값/ 없을시 Infinity                  console.log(Math.min()); //-infinity.. 2024. 4. 16.
07. 객체(Object) 1. 객체(Object)하나의 주제를 가지고 관련있는 프로퍼티(property)를 가지고 있는 집합 프로퍼티(property)- 이름과 값으로 구성된 정렬되지 않은 집합- 프로프티는 함수도 저장할 수 있음 -> 프로퍼티 메서드 2. 객체 생성하는 방법  리터럴 표기법             const 객체명 = {            프로퍼티명1: 값1,            프로퍼티명2: 값2,            .... ,            프로퍼티명n: function(){                            }        }               body>                 h2>  리터럴 표기법 /h2>                  script>           .. 2024. 4. 16.
06. 함수(Function) 1. 사용자 정의 함수 (function)하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록필요할 때마나 호출하여 해당 작업을 반복하여 수행할 수 있음코드를 재활용  1. 함수 선언식- 함수를 직접 만드는 형식- 함수를 메모리에 먼저 올림- 위치가 중요하지 않음- 어디에 선언되어도 사용할 수 있음   * 호이스팅: 먼저 메모리에 올리고 다시 처음부터 실행                                    body>                 h2> 함수선언식 /h2>                  script>                     function func1() {                      console.log(`fun1(): 호출!`);         .. 2024. 4. 16.

티스토리툴바