코딩 공부/JavaScript30 [JS] DOM(Document Object Model) DOM(Document Object Model) 객체 HTML 문서의 계층적 구조와 정보를 표현하여 이를 제어할 수 있는 API 즉, 프로퍼티(속성)와 메소드를 제공하는 트리 자료 구조 DOM생성과정 바이트 → 문자 → 토큰 → DOM객체 문서노드 DOM 트리의 최상위에 존재하는 루트 노드 document 객체를 가리킨다. window.document 혹은 document로 참조하며 요소, 어트리뷰트(속성), 텍스트노드 접근시 문서 노드를 통해야합니다. 요소노드 HTML 요소를 가리키는 객체로 부자관계를 가진다(부모노드와 연결) 문서의 구조를 표현합니다. 어트리뷰트 노드 const $inputEle = document.getElementById('ksmart'); console.log({ $inputEl.. 2022. 11. 1. [JS] 브라우저 객체 브라우저 객체 웹 브라우저와 관련된 객체의 집합입니다. - 최상위 객체는 window 객체이다. - window 하위 객체 - document(문서영역) - location(주소창) - history(방문기록, 페이지이동) - navigator(사용자의 브라우저 정보, 운영체제의 정보) - screen(사용자 디바이스 정보) - window 식별자는 생략이 가능하다. window 메서드 1. open(), close() - open('새창 주소', '새창 제목', '새창 옵션') : 새창 - close() : 창 닫기 let popup = open( "https://www.naver.com", "팝업", "width=500; height=500; top=100; left=100; scrollbar=yes.. 2022. 11. 1. [JS] 예외처리 예외처리 실수, 예상치 못한 사용자 입력,잘못된 서버 응답 등의 이유 발생시 스크립트가 죽는 걸 방지하기위한 처리 try catch문법 스크립트 에러가 발생해도 catch에서 에러를 처리하기 때문에 스크립트가 죽지 않습니다. try { console.log(name); let name = "홍길동"; } catch (error) { console.log(error.name); console.log(error.message); console.log(error.stack); } 동작 순서 1. 먼저 try {} 안의 코드 실행 2. 에러가 없다면, try 안의 마지막 줄까지 실행, catch 블록은 건너뜀 3. 에러가 있다면, try 안의 코드의 실행이 중단되고, catch(err) 블록 안 코드 실행 er.. 2022. 11. 1. [JS] 일급객체와 일급함수 일급객체(First Class Object) 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체입니다. 고차함수(Higher order function)를 만들 수 있다. 콜백(callback)을 사용할 수 있다. 조건 1. 변수에 할당(assignment)할 수 있다. 2. 다른 함수를 인자(argument)로 전달 받는다. 3. 다른 함수의 결과로서 리턴될 수 있다. 일급 함수 함수를 다른 변수와 동일하게 다루는 언어는 일급 함수를 가졌다고 표현합니다. 예를 들어, 일급 함수를 가진 언어에서는 함수를 다른 함수에 인수로 제공하거나, 함수가 함수를 반환할 수 있으며, 변수에도 할당할 수 있습니다. (JavaScript와 Python은 일급함수를 가진다.) 1. 변수 할당 // 변수에 할당 .. 2022. 10. 31. [JS] 내장 객체 날짜 날짜 정보를 가지고 오거나, 날짜 관련 작업이 필요할 때 쓰이며기본 날짜 정보를 사용자의 컴퓨터 기준으로 날짜 정보로 가지고 온다 구문 : var 변수명 = new Data(); //날짜 객체 선언하기 var date = new Date(); //현제 날짜 정보를 가지고 온다. var date2 = new Date('2020-09-20'); //입력된 날짜을 객체화 시켜준다. var date3 = new Date(2020,8,17); //입력된 날짜을 객체화 시켜준다. var date4 = new Date('2020-09-15 12:00:00'); //입력된 날짜을 객체화 시켜준다. console.log(date); console.log(date2); console.log(date3); consol.. 2022. 10. 31. [JS] 함수 함수 메모리에 코드를 저장 할 수 있는 수단으로 function이라는 키워드를 사용하여 선언이 가능하다. 함수는 선언 후에 호출이 되어야 저장된 코드가 실행되며 일반함수와 익명함수가 존재한다. 함수 선언 function를 활용하여 선언한다. 함수 선언 시 중괄호를 유효범위 혹은 스코프라고 하며 전역변수와 지역변수 구분이 확실하다. (함수 스코프: var, 블록 스코프 : let, const) 일반함수 구문: function 함수명 ( ) { } → 호이스팅 기술을 지원한다. 익명함수 구문 : function ( ) { } → 변수에 대입이 가능하다. ※ 익명함수 호출 시에는 익명함수가 호출부 위에 선언이 되어 있어야한다. ※ 호이스팅이란? → 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 .. 2022. 10. 20. 이전 1 2 3 4 5 다음
