본문 바로가기

Web55

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.
05. 배열(Array) 1. 배열(Array)이름과 인덱스로 참조되는 정렬된 값의 집합(자료 구조)배열을 구성하는 각각의 값을 배열요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함 배열선언             배열 초기화배열명 = [요소1, 요소2, 요소3, 요소4 ...]                       배열의 접근            리스트와 동일   자바스크립트 배열의 특징1. 배열 요소의 타입이 고정되어 있지 않음                                2. 배열 요소의 인덱스가 연속적이지 않아도 됨                        body>                 h2> 배열1 /h2>                  script>                    .. 2024. 4. 16.
04. 연산자, 제어문, 반복문 1. 연산자 (Operator)   산술 연산자+, -, *, /, %, **비교 연산자>, =, === : 두식의 값이 같고, 타입까지 같아야 함!== : 두식의 값이 다르고, 타입까지 달라야 함 대입 연산자=, +, -=, *=, /=, %=, **=증감 연산자++변수, --변수, 변수++, 변수--1. num 나중에 대입2. num  먼저 대입논리 연산자and, or, not&&,  || ,  !비트 연산자&, |, !, ^, >and, or, not, xor, left shift, right shift(파이썬과 동일)삼항 연산자   2. 제어문  1. 조건문 if문                           if문 사용하기             body>                 h2>if.. 2024. 4. 16.
03. 데이터타입, 대화상자 1. 데이터 타입(Data Type)- 프로그램에서 다룰 수 있는 값의 종류- 자바스크립트는 선언시 타입을 정하기 않았기 때문에 많은 문제가 발생할 수 있음- 자바스크립트의 타입 유연성을 해결하기 위해 MS의 타입스트립트가 탄생 1숫자형(number)정수와 실수를 따로 구분하지 않음모든 수를 실수 하나로만 표현2문자형(string)'' , " " 또는 ``로 둘러싸인 문자의 집합3논리형(boolean)참(true)과 거짓(false)으로 표현되는 값false, 0, '', null, underfined는 모두 거짓(false)로 판정false가 아닌 모든 값은 참(True)로 판정함4underfined, nullunderfined: 타입이 정해지지 않은 타입(변수 선언 후 값이 정해지지 않은 경우)nul.. 2024. 4. 16.
02. 변수(let), 상수(const) 1. 변수 (let)데이터를 저장할 수 있는 메모리 공간값이 변경될 수 있음자바스크립트의 변수는 타입이 없음let 키워드 사용하여 변수를 선언 언어별 변수 선언파이썬   name = '김시과'   자바스크립트    let name = '김사과' ;  ​아주 엣날 엣적 변수 선언   var name = '감사과' ;     var                    console.log(num); //undefined            var num=10;                    { console.log(num); //전역변수 num=10            var num=20;             console.log(num); //지역변수 num=20,            }        .. 2024. 4. 16.
01. 자바스크립트(JavaScript) 1. 자바스크립트 (JavaScript) 객체기반의 스크립트 프로그래밍 언어 객체 지향 프로그램(X) 자바스크립트 역사 1993년 일리노이 대학교에서 최초의 대중적인 그래픽 웹 브라우저인 NCSA 모자이크 출시 오리지널 NCSA 모자이크 개발자를 고용해 '모자이크 커뮤니케이션스'라는 이름의 회사를 설립 1995년 NCSA의 상표 소유권 문제를 회피하고자 '넷스케이프 커뮤니케이션즈'로 회사 이름 변경 네비게이터 브라우저(90% 이상의 점유율) HTML로만 개발함으로 정적인 작업만 가능했었음 1996년 - '브렌던 아이크' 영입 동적인 프로그램을 개발-> 자바를 포함시키기 위해 마이크로시트템스와 협업-> MS 마이크로소프트와 경쟁 10일만에 자바스크립트(모카)라는 언어를 탄생시킴! - 네비게이터2에 탑재(이.. 2024. 4. 12.

티스토리툴바