i-mini

DOM ( Document Object Model) 이란? 문서 객체 모델이라고 하며 HTML XML 문서를 Javascript에서 접근할 수 있도록 Object화 해주는 기술을 말합니다. 웹페이지는 하나의 문서(Document)입니다. 웹페에지의 구조를 Object로 만들어 JavaScript에서 내용을 변경하고, 저장하는 등의 조작이 가능해집니다. 즉, DOM을 사용하게 되면, HTML 에 프로그래밍 방식으로 접근할 수 있게 되는거죠! 우리의 웹 브라우저는 HTML페이지를 서버에서 받아온 후, HTML을 로드할때 DOM을 함께 생성합니다. 이렇게 되면, DOM이 HTML과 Javascript간의 인터페이스 (소통창구) 역할을 하게 되는거죠. 그래서 DOM 기술로 우리는 동적 웹페이지를 만들 수 있습니..

자바스크립트에서 함수는 기본 구성 블록중 하나로, 작업을 수행하거나 값을 계산하는 재사용가능한 문장 집합입니다. 함수도 일반 객체(데이터 타입)로, 이전 포스팅에서 작성했던 Object와 같은 개념입니다. 예를들어, 변수의 값을 화면에 출력할때 많이 사용하는 console.log도 console 객체에 들어있는 log 함수입니다. console.log(console) /* 실행 결과 ----------------------------------- Object [console] { log: [Function: log], warn: [Function: warn], dir: [Function: dir], time: [Function: time], timeEnd: [Function: timeEnd], timeL..

자바스크립트는 동적언어로 변수 타입을 미리 선언할 필요가 없습니다. 어떤 데이터 타입이 있는지 한번 확인해봅니다.🤗 1. 기본 자료형 1) Boolean - true/false 두가지 값을 가질 수 있습니다. - 프로그래밍 시 논리적으로 참/거짓을 판단할 필요가 있을때 사용합니다. - 예) 사용자가 입력한 값이 10 이상이면 참, 아니면 거짓 (비교연산자) const boolT = true; const boolF = false; console.log(boolT,boolF); /* 실행 결과 =============================== true false =============================== */ 2) Null - 변수값이 비어있다는 표기를 하기 위한 자료형입니다. - un..

JavaScript를 이제 막 시작한 자바린이로써, 나중에 다시 찾아볼 수 있도록 정리한 포스팅입니다. 😂 1. 변수 선언 방법 변수 선언문 재선언 재할당 특징 let 불가 가능 - 블록 레벨 스코프 - ECMA2015 버전부터 사용 가능 const (constant(상수)) 불가 불가 - 변수 선언시 값을 반드시 같이 넣어줘야 함 - 블록 레벨 스코프 - ECMA2015 버전부터 사용 가능 var (variables(변수)) 가능 가능 - 전부 가능 (자유도 높음) 1) let 변수를 선언하고 값을 바꿔봅니다. let tomato tomato = "맛있어"; console.log(tomato); tomato = "빨간색"; console.log(tomato); /* 실행 결과 --------------..