로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 분류 전체보기
    • TECH

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

Javascript

  • Prototype에 대해서 알아봅니다.

    2020.04.16 by WEB Front-end 개발자 walkinpcm

  • 일반함수와 화살표 함수(arrow function)의 차이

    2020.04.16 by WEB Front-end 개발자 walkinpcm

  • var, let, const에 대해서 알아봅니다

    2020.04.16 by WEB Front-end 개발자 walkinpcm

Prototype에 대해서 알아봅니다.

Prototype(또는 Prototype Object) 이란? 자바스크립트에서 함수를 만들면 함께 생성되는 객체가 Prototype(또는 Prototype Object)입니다. 그리고 해당 함수의 'prototype'이라는 속성으로 Prototype Object와 연결됩니다. 개인적인 생각으로는 Java에서, class 내부의 static member와 유사하다고 생각합니다. Prototype의 목적 Prototype Object는 생성자 함수에 의해 생성된 각각의 객체에 공유 프로퍼티를 제공하기 위해 사용합니다. 간단한 예시를 들면 아래와 같습니다. function Car () {} Car.prototype.wheel = 4; Car.prototype.sideMirror = 2; let ..

TECH 2020. 4. 16. 23:10

일반함수와 화살표 함수(arrow function)의 차이

일반함수와 화살표 함수(arrow function)의 차이에 대해서 알아봅니다. ES6 이전에는 함수를 선언하기 위해서 함수선언식, 함수표현식 방식을 사용했습니다. ES6에서는 새로운 함수 선언 방식으로 화살표 함수가 등장했습니다. 기존의 일반함수들은 function 키워드를 이용해서 함수를 선언하지만, 화살표 함수는 이름처럼 화살표 키워드를 이용합니다. // 함수표현식 let function1 = function () { console.log('함수표현식'); } // 함수선언식 function function2 () { console.log('함수선언식'); } // 화살표 함수 let function3 = () => { console.log('화살표 함수'..

TECH 2020. 4. 16. 23:04

var, let, const에 대해서 알아봅니다

var, let, const는 javascript에서 변수를 선언할 때 사용하는 키워드입니다. var ES6 이전에는 변수를 선언할 때 var 키워드를 사용했습니다. 우선, var 키워드는 아래와 같은 특징을 가지고 있습니다. 변수의 중복 선언이 가능하다. var 키워드는 생략이 가능하다. block-scope이 아닌 function-scope이다. 호이스팅(hoisting) 당한다. /* * function-scope과 block-scope의 차이 */ // function-scope for (var i = 0; i < 10; i++) { console.log(i); } console.log('outside i: ', i); // 출력: outside i: 10 // i를 var로 선언 ..

TECH 2020. 4. 16. 20:51

추가 정보

인기글

  1. -
    -
    AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기

    2020.04.17 00:03

  2. -
    -
    AWS CloudFront에서만 S3 Bucket에서 파일을 가져갈 수 있도록 Bucket policy 작성하기

    2020.04.17 00:27

  3. -
    -
    AWS CodeBuild를 이용해서 프로젝트 빌드하기

    2020.04.16 23:54

  4. -
    -
    Prototype에 대해서 알아봅니다.

    2020.04.16 23:10

최신글

  1. -
    -
    AWS CloudFront에서만 S3 Bucket에서 파일을 가져갈 수 있도록 Bucket policy 작성하기

    TECH

  2. -
    -
    AWS Amplify Console을 이용한 프론트엔드 배포자동화 시스템 구축하기

    TECH

  3. -
    -
    AWS CodeBuild를 이용해서 프로젝트 빌드하기

    TECH

  4. -
    -
    Prototype에 대해서 알아봅니다.

    TECH

페이징

이전
1
다음
푸터 로고 © Magazine Lab