Javascript 14

[Javascript] Javascript에서 함수(function)란? 함수 선언식과 함수 표현식

자바스크립트를 배울 때 변수, 함수, 지역변수, 전역변수라는 단어를 많이 들어봤을 것이다. 단어만 들어도 어려울 것 같아 손도 대지 않았는데.. 먼저 함수에 대해서 알아보고자 한다! Javascript에서 함수(function)란?자바스크립트에서 함수란, 다른 객체처럼 속성 및 method를 가질 수 있는 일급 객체이며, 인자를 가질 수 있는 코드 블록이다. 자바스크립트에서 함수는 프로그램에서 매우 중요하고, 부모 함수의 지역 변수에 접근할 수 있다. (closure) 즉, 일련된 공통의 작업을 처리하기 위해 연관된 코드들을 모아 놓은 자료형이다. 메소드(method) 더보기👇더보기메서드(method)란? 때로는 메소드라고 불리기도 하는 메서드는 어떤 객체가 가지고 있는 어떤 동작을 말한다. 언어마다 조..

[Javascript] DOM이 뭘까? DOM과 DOM트리 구조 + 노드 Node 종류

학원을 다니거나, 면접을 다니다보면 "dom에 대해서 아세요?"라는 질문을 들어본 적이 한번씩은 있을 것이다. 물론 나도 면접 볼 때 들어봤고.. 하지만 DOM이라는 단어만 알았지, DOM에 대한 상세한 정보는 몰랐다. 오늘은 DOM구조에 대해 알아보려고 한다.DOM 트리란?DOM 트리란? 웹 페이지의 모든 요소를 Document 객체가 관리하게 된다. 따라서 웹 페이지의 요소들을 관리하고, 제어하기 위해서는 Document 객체가 웹 페이지 요소들을 잘 반영하는 자료구조를 가지고 있어야한다. Document 객체 모델인 DOM은 트리 자료 구조 형태를 가지고 있다. 트리 자료 구조는 HTML 문서를 읽어 들이고 제어하기 가장 좋은 자료구조이다.(Document란? 웹 페이지 그 자체를 의미함) DOM ..

[Javascript] Javascript의 탄생 이론과 출력

음..나는 제이쿼리만 많이 사용해봤지, 자바스크립트는 알림창용으로만 사용해왔다. 어느 면접을 가도 제이쿼리는 지금 거의 사라졌다고 말씀해주셨다. 이제 제이쿼리의 손을 벗어나 자바스크립트를 제대로 배워보려고 한다.Javascript의 탄생웹 페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 객체 기반의 스크립트 언어이다. 1993년에 처음으로 Netscape라는 정적인 웹 사이트가 등장하였고, 웹 사이트보다는 웹 문서에 가까웠다. 이 때 '브레든 아이크'라는 사람은' Mocha'를 만들었고 Java가 인기가 많다며 이름을 자바스크립트(Java script)로 지었다. 자바스크립트 등장 이후 DOM 요소의 조작이 가능해졌다. 초기의 자바스크립트는 순탄하게 성장했던 것은 아니다. 오류와 문제점들을 해..

[Javascript] 모달창 만들기 - parameter / function / EventListener

이제 막 기초를 배우는 자린이(?)이다.. 배운 것을 메모하고자 한다.만약 틀린 것이 있으면, 댓글로 알려주시면 감사하겠습니다. 1. 모달창 만들기 - 기본 입력1) HTML alert 박스 X 버튼1 버튼2 - body에 박스 모달창이 될 박스 한 개를 만들어주고 박스 안에는 close 버튼도 만들어준다. - 버튼1, 버튼2를 만들어준다. (버튼1 => 열기 / 버튼2 => 닫기) 총 두 가지의 버전으로 만들어 볼 것이다. 2) CSS -박스를 꾸며주고 마지막에 'display: none'을 입력하여 감춰준다. HTML 삽입미리보기할 수 없는 소스-display: none 2. 자바스크립트 javascript방법은 총 3가지를 배웠는데 parameter, function, EventListener가 있..