본문 바로가기

Javascript3

DOM의 뜻은?! 그리고 Node tree, javascript event는 뭘까? Elice Today's TIL 🎉 메인 키워드 : DOM, Node, Javascript Event !! 배울 내용 확인하기 DOM 객체 지향 모델로써 구조화된 문서를 표현하는 형식으로, 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 하는 인터페이스 이벤트 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 가리키는 말로, 자바스크립트는 이것에 반응하여 특정 동작을 수행할 수 있게 된다. 1. DOM 이란? DOM 이란? 이미지 출처 : elice 코딩 [SW 엔지니어 트랙] 의 학습자료에서 발췌 DOM = 문서 객체 모델(Document Object Model) : 객체 지향 모델로써 구조화된 문서를 표현하는 형식 HTML 문서에 대한 인터페이스 DOM은 XML이나 HTM.. 2022. 7. 18.
[2주차] 20220413 엘리스 TIL (JavaScript) ** 실습 ••• lorem inline 계열의 아무 의미없이 태그를 래핑하는 역할을 해주는 태그 = block 계열의 아무 의미없이 태그를 래핑하는 역할을 해주는 태그 = ** 일단은 어떻게든 구현만 되는 쪽으로 생각해보도록 하자 (최대한 세련된 코드를 짜려는 생각이 오히려 코드를 짜는 데 방해가 될 수 있음) *** innerHTML 두가지 목적 특정 태그 안에다 내용을 꽂아넣을 때 특정 태그 안의 정보를 가져올 때 ** innerHTML, innerTEXT 차이점 innerTEXT 안에는 태그를 넣을 수 없다(그냥 텍스트로만 출력됨), 위에 기술한 innerHTML 두가지 목적 중 2번째만을 충족하는 것이 목적 innerTEXT = 웹페이지 태그를 제외한 모든 텍스트를 긁어오는 데 활용(태그없이 텍.. 2022. 6. 30.
[2주차] 20220411 엘리스 TIL (JavaScript) * 자바스크립트 = 프로그래밍 언어 어떤 순서대로 진행되는 과정을 정의하는 것 = program 이걸 만드는 것 = programming 만드는 사람 = programmer ** 프로그래밍 처음 배울 때 먼저 익히면 좋은 것 이 언어는 어떤 데이터 타입을 가지고 있는가(데이터 타입별로 연산 방법이 달라짐) 리터럴 표기법 ** console 창 JavaScript를 실행하는 창 * console.log로 JS 간단한 실습 해봤던 것 alert('안녕!') prompt('아이디?') confirm('진짜?') document.querySelector('body') speechSynthrsis.speak(newSpeechSynthrsisUtterance('꼭이요')) *** 자바스크립트 실행방법 3가지 con.. 2022. 4. 15.