본문 바로가기

javascript3

JavaScript 특징 1. 동적 형변환 값에 따라 변수 형변환이 자동으로 이루어진다. 이는 다른 스크립트 언어들도 마찬가지이다. var one = 1; var two = “two”; console.log(one + two); // 1two var two = 2; console.log(one + two); // 3 2. 프로토타입 기반 객체지향(Prototypal Object-Oriented) 자바스크립트는 객체지향이지만, 클래스 개념 대신 프로토타입 을 일반적으로 사용한다.(ECMA6 표준에서 Class 문법이 추가되었고, TypeScript에서도 클래스를 사용하고있긴하다) 모든 객체는 함수를 이용해서 생성된다. function Unit() {} // 함수 var player = new Unit(); // Unit 함수로 생.. 2020. 7. 1.
로그쉐어 프로젝트 및 피로그래밍 12기 7주차 활동 정리(20.02.10~20.02.16) 토요일 (02.15) DOM과 JavaScript by 박건태 선배님 -DOM이란? HTML의 프로그래밍 인터페이스 —> 인터페이스는 데이터를 외부에서 조작할 수 있도록 해주는 방식. 구조화된 Node들, property와 method를 갖고 있는 object —> 마치 Class와 유사하다. —> html 클래스 내의 header, body.. 이런식으로 타고 들어가서 원하는 정보를 다 가져올 수 있다. —> 브라우저는 html을 트리로 만든 후 이의 각 요소들을 중첩된 객체의 형태로 표현한다. —> 따라서 DOM은 HTML의 데이터로 만든 커다란 오브젝트이다. -DOM을 조작하는 법 스크립트 언어(자바스크립트)를 통해 DOM에 접근할 수 있다. DOM은 html뿐만 아니라 xml 등 여러 형식에서도 .. 2020. 2. 19.
JavaScript 기본정리 1 (MDN Docs 참고) 1. 개념 웹페이지를 구성하는 레이어 케이크 중 세번째 층(HTML, CSS, JavaScript)이라고 볼 수 있다. 웹에서 동적인 컨텐츠 변경과 멀티미디어 사용 등의 작업을 처리할 수 있는 스크립트 언어이다. 2. APIs(Application Programming Interfaces)의 사용 API는 이미 만들어진 코드의 집합체로, 직접 만들기 어려운 부분을 미리 만들어 놓아 쉽게 구현 가능하도록 하는 프로그램이다. Browser API : 웹 브라우저에 설치된 API로, 데이터를 시각화하거나 브라우저내의 복잡한 작업을 처리해준다. 예 - DOM(Document Object Model), Canvas, WebRTC … 이때, 실제 배포가 될 때는 해당 API가 사용자들의 다양한 브라우저 환경(버전별.. 2020. 2. 12.