Language/JavaScript4 공부내용 정리 :: JavaScript 기초 4 1. 자바스크립트의 객체지향 1-1. 생성자와 new 본 장에서는 자바스크립트의 객체지향에 대해서 학습한 내용을 정리하였다. 자바스크립트는 본래 함수지향언어기 때문에 객체지향의 패러다임에 독특하게 적용한 사례중 하나라고 하였다. 자바스크립트의 객체지향은 프로토타입 기반 프로그래밍(prototype-based programming) 이라는 카테고리에 속한다. 자바스크립트에서 객체(Object)를 생성하는 방법은 이전 장에서 정리한 적이 있다. 복습차원에서 예제를 작성하였고 다음과 같다. // 첫번째 방법 var snack = {}; snack.name = "포카칩"; snack.introduce = function() { returnn this.name + " 양파맛은 너무 맛있어"; } snack.int.. 2021. 7. 28. 공부내용 정리 :: JavaScript 기초 3 1. 함수의 활용 1-1 클로저(closure) 클로저는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다 하였다. 다음과 같다. function outter(){ function inner(){ var title = 'hello world!'; alert(title); } inner(); } outter(); // hello world! inner메소드를 정의하고, 그것을 다시 감싸는 outter가 있는 구조로 되어있다. 이것이 내부함수인데, 자바스크립트는 함수 안에서 또다른 함수를 선언할 수 있기 때문에 이것이 가능한 것이다.( 함수가 값으로 치환되는것이 가능하기 때문) 이 개념은 다음과도 연결된다. function outter(){ var title = 'coding eve.. 2021. 7. 25. 공부내용 정리 :: JavaScript 기초 2 1. 스코프(Scope) 유효범위라고도 불리는 스코프(Scope)는 변수의 수명을 의미한다. var scope = 'global'; function checkScope(){ alert(scope); } checkScope(); 상기의 예제에서 함수 checkScope()를 호출한다면, 어떠한 값이 출력이 될까, 당연한 이야기지만 global이 출력될것이다. 이렇게 함수 밖에서 생성된 변수는 해당 애플리케이션 전역(Global)에서 접근이 가능하기 때문에 전역변수라고 한다. var scope = 'global'; function checkScope(){ var scope = 'local'; alert('함수안 ' + scope); } checkScope(); // 'local' alert('함수밖 ' + .. 2021. 7. 25. 공부내용 정리 :: JavaScript 기초 1 1. 서론 본 자바스크립트 학습에 대한 내용은 이전 자바스크립트를 공부했던 내용을 재 복습하는 의미로서 다른 언어를 학습하며 잊었거나 놓쳤던, 자바스크립트의 내용을 기록하기 위함으로서 작성하였다. 또한 본 내용은 생활코딩의 자바스크립트 언어와 웹에서의 자바스크립트 강의를 수강한 후, 개인적인 기록용으로 작성한 내용이기 때문에 참고만 하면 좋을듯 하다. 2. 자바스크립트와 웹 본래 자바스크립트 라는 언어는 브라우저에서 동작하는 언어이기 때문에, 자바스크립트를 사용하고 실습하기 위해서는 웹 브라우저(Internet Explorer, Microsoft Edge, Chrome, Safari ...)환경 하에서 진행하여야 한다. 각 브라우저에는 개발자 도구라는 것이 있는데, 이 도구를 이용한다면 자바스크립트 개발.. 2021. 7. 23. 이전 1 다음