본문 바로가기

자바스크립트47

[자바스크립트] 객체 그리고 프로토타입 [먼저 보면 좋은 게시글]- [자바스크립트] 객체란 무엇인가 그리고 함수는 객체다 : http://jinbroing.tistory.com/113 [객체란]- 객체란 변수프로퍼티와 메서드들이 모여 이룬 하나의 꾸러미- 추상적 객체와 구체적 객체(인스턴스 객체) 구분지어 사용: 한 종류지만 각자의 개성에 맞는 값, 구체적 행동 방식을 가짐(다양성)- 객체간의 관계를 만들어 프로그래밍하는 방식을 객체지향 프로그래밍이라 함- 객체는 레퍼런스 타입 : 변수에 값을 직접 대입하는 것이 아니라 객체 메모리 주소를 대입함 [자바스크립트의 객체지향]- 객체지향 프로그래밍 : 객체 사이에 관계를 형성하여(추상화된 객체 - 구체화된 객체) 프로그래밍 하는 방식- 자바스크립트는 객체지향이긴한데, class가 없다- 자바스크립.. 2017. 5. 17.
[자바스크립트] this 바인딩 [먼저 보면 좋은 게시글]- [자바스크립트] 개념정리② - 스코프, 실행컨텍스트, 스코프체인 : http://jinbroing.tistory.com/116 [this란]- 해당 함수가 현재 어느 실행컨텍스트에서 구동되고있는지 알려줌- 현재 컨텍스트가 참조하고 있는 객체를 가리킴, 참조객체가 없다면 전역객체를 가리킴- this는 최초 실행 시 정의되고, 실행 도중 변경 불가능- this는 실행컨텍스트를 가리킴 [자바스크립트 실행가능한 코드와 실행컨텍스트]1) global2) function3) eval - 코드가 실행되면 컨텍스트 생성 및 컨텍스트 스택에 쌓임 - global은 앱이 실행되었을 때 최초 1번, 앱이 종료되었을 때 스택에서 제거됨- function 함수 호출될 때 생성, 실행이 끝난 후 스택.. 2017. 5. 16.
[자바스크립트] 개념정리② - 스코프, 실행컨텍스트, 스코프체인 [먼저 보면 좋은 게시글]- [자바스크립트] 짧게짧게 개념정리① : http://jinbroing.tistory.com/112 [스코프]- 변수의 범위를 뜻함- 자바스크립트는 블록( { ... } )이 아닌 함수 기준 변수 범위를 사용함- 함수의 유효범위는 [[Scopes]] 프로퍼티로 함수 객체 내 연결리스트 형태(왜 연결리스트인지는 아래 내용들 참고)로 관리됨 [실행컨텍스트와 스코프]- 실행컨텍스트가 생성될 때 스코프 정보를 생성함- 실행컨텍스트 종류는 어플리케이션이 실행되면 자동으로 생성되는 전역 컨텍스트 / 함수가 실행되면 생성되는 함수 컨텍스트가 있음- 전역 컨텍스트에는 전역객체(스코프정보가 담긴 [[Scopes]] 프로퍼티, 함수 파라미터 정보가 담긴 arguments)가 있음- [[Scope.. 2017. 5. 12.
[자바스크립트] 함수는 값이다 그리고 일급객체다 [먼저 보면 좋은 게시글]- [자바스크립트] 객체란 무엇인가 그리고 함수는 객체다 - http://jinbroing.tistory.com/113 [자바스크립트 함수는 값]- 자바스크립트는 함수를 값으로 취급함- 값의 형태는 객체(object) [자바스크립트 함수 특징]- 자바스크립트 함수는 값(object)으로 변수에 저장할 수 있음- 자바스크립트 함수는 자료구조(array, object 등)에 저장할 수 있음- 자바스크립트 함수는 다른 함수의 인자로 전달할 수 있음- 자바스크립트 함수는 return 값으로 사용될 수 있음 [일급시민과 일급객체란 무엇인가]- 일급시민(first class citizen)이란 값으로 다룰 수 있음을 뜻함, 예를 들어 값에는 숫자와 문자가 있음- 일급객체(first clas.. 2017. 5. 12.
[자바스크립트] 객체란 무엇인가 그리고 함수는 객체다 [먼저 보면 좋은 게시글]- [자바스크립트] 객체- http://jinbroing.tistory.com/54- [자바스크립트] 객체 #2 - http://jinbroing.tistory.com/55- [자바스크립트] 짧게짧게 개념정리① - http://jinbroing.tistory.com/112 (실행컨텍스트부터 보기) [객체란 무엇인가]- 객체란 변수들과 그와 관련된 메서드들이 모여서 이룬 하나의 꾸러미- 객체는 상태와 행동을 가짐, 즉 프로퍼티, 메서드를 가지고 있음- 추상적인 객체라는 틀을 통해 생성된 실체적인(실제로 만들어진) 특정 객체를 인스턴스라 함- 붕어빵을 찍는 틀이 추상적인 의미의 객체, 만들어진 각각의 붕어빵을 인스턴스(실체적 특정 객체)라 함- 인스턴스들은 인스턴스 프로퍼티값, 메서.. 2017. 5. 11.
[자바스크립트] 짧게짧게 개념정리① [먼저보면 좋은 게시글]- [프로그래밍기초] 컴퓨터는 명령을 내부적으로 어떻게 처리하는가 : http://jinbroing.tistory.com/109- [자바스크립트] 카테고리 글 [짧게 개념정리]- 변수 선언 : var로 선언해야함, 메모리에 올린다는 것, 메모리의 주소를 저장함. 무분별한 선언 === 메모리 누수- 변수 종류 : 전역, 지역, 지역 선언의 경우 - 호이스팅 : 변수 선언과 값 할당을 구분, 선언부를 최상단으로 끌어올리고 undefined 임의할당, 함수가 실행되면서 값 할당- undefined : 변수 선언만 되었고, 값이 할당되지않은 상태, undefined가 자동 할당됨- 스코프 : 함수 단위의 유효범위1) 함수 내에 정의된 변수, 함수는 함수 내에서 사용, 함수가 정의되는 시점.. 2017. 5. 8.
[node.js] express 그리고 템플릿엔진 ejs [반드시 먼저 봐야할 게시글]1) [node.js] express 기본구조 생성 : http://jinbroing.tistory.com/106 [템플릿엔진이란, 템플릿엔진을 사용하면 어디가 좋아]- 정적인 파일만을 서비스한다면 필요없음- 동적인 결과를 정적인 파일에 담기위해 사용함- 풀어 설명하자면, 자바스크립트 코드로 연산된 결과를 변수에 넣고 변수를 뷰 파일에서도 사용할 수 있게끔 함- 템플릿엔진 사용 이유 : 클라이언트 요청에 따라 웹문서 들어가는 내용(결과)이 달라질 수 있어서 정적인 부분과 동적인 부분을 따로 하기위해 사용- app.js 내 html 코드를 쓰지않아도 됨- 뷰 파일과 자바스크립트 코드를 한 파일에 정의하지않고 따로따로 사용할 수 있음 - 자바스크립트로 연산된 결과를 뷰 파일에 쉽.. 2017. 5. 1.
[node.js] express 기본구조 생성 [express 쉽게 구조 생성하기 - 리눅스 환경]1) npm install -g express-generator (오류가 난다면 sudo를 붙여서) : npm을 통해 express 구조 생성기를 다운받음2) 다운로드 후 express -h 를 콘솔창에 입력하여 generator 명령어가 정상동작하는지 확인=> -h 은 옵션값으로 어떤 작업을 할 수 있는지 알 수 있음=> generator로 어떻게 구조를 생성할 수 있는지 나옴 : Usage 참고 3) express 옵션값 디렉토리명 순으로 입력하여 구조 생성하기4) express myapp : 우선 아무런 옵션값 없이 생성해보기5) cd myapp : 해당 디렉토리로 이동6) npm install : express 프로젝트에 필요한 모듈을 다운로드받.. 2017. 4. 30.
[자바스크립트] 빌트인객체(2) js 전역객체와 기본제공 객체 [먼저 봐야하는 게시글]- 빌트인객체(1) 브라우저와 웹페이지를 위한 객체 : http://jinbroing.tistory.com/101 [전역객체란]- 전역객체 : (클라이언트 사이드 : window), (서버사이드(nodejs) : global) / 모든 객체의 유일한 최상위객체- 브라우저 화면 뿐만 아니라, 코드 상의 자바스크립트를 다룰 수 있는 최상위 객체, 그래서 루트 객체라함- 전역객체의 자식 객체로 기본적으로 제공하는 객체(빌트인 객체)도 프로퍼티로 포함됨- BOM에서의 window와 전역객체인 window 같음 - constructor가 없음 === new 키워드를 통해 새롭게 생성할 수 없음(유일한 객체)- document와 같은 widnow 하위 객체를 통해 제어를 할 때 window는.. 2017. 4. 25.
[자바스크립트] 빌트인객체(1) - 브라우저와 웹페이지를 위한 객체 [먼저 보면 좋은 게시글]- DOM : http://jinbroing.tistory.com/90 , http://jinbroing.tistory.com/86 [빌트인객체란]- 자바스크립트 내장 객체를 말함- 개발자가 모든 기능을 구현하지않고, 편하게 개발할 수 있도록 자바스크립트에서 기본적으로 제공하는 객체- 자료형 객체 관련 메서드를 제공함(Standard Builtin Object - String, Array 등)- 웹페이지 제어 및 동작을 추가하기위한 공통의 기능을 제공함(Native Object - BOM, DOM)- 반대로는 호스트 객체(Host Object)가 있는데, 호스트 객체란 개발자가 만들어내는 객체임 [브라우저와 웹페이지를 위한 객체]- 빌드인객체 중 브라우저와 웹페이지 제어 및 동작.. 2017. 4. 25.

티스토리툴바