Skip to content

Instantly share code, notes, and snippets.

@jinsangYoo
jinsangYoo / webpack_class_new.md
Last active January 23, 2019 02:03
webpack 내부의 class를 자바스크립트에서 new 할 수 있도록 하기

개요

  • 일반적으로 webpack을 생성하면 DOM이 완성된 뒤에 javascript에서 해당 클래스를 다음과 같이 생성할 경우 오류 발생
var params = new AcpParams();
// 오류 발생
// Uncaught TypeError: AcpParams is not a constructor at <anonymous>:1:20

방법

@jinsangYoo
jinsangYoo / javascript-basic-grammer-12.md
Last active January 17, 2019 09:17
자바스크립트 쿠키 cookie

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

  • 쿠키의 속성

    • name
    • value
    • domain
      • 입력하지 않으면 현재 도메인의 경로로 자동 입력
      • 페이지 요청과 비교해서 도메인의 경로와 domain 속성이 일치 하지 않으면, 쿠키에 접근이 막힘
  • 그래서 잘 건드리지 않음

@jinsangYoo
jinsangYoo / javascript-basic-grammer-11.md
Last active January 17, 2019 09:08
자바스크립트 예외처리

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

예외

  • 오류중 문법적 오류를 제외한 것을 예외(exception)
  • 프로그램 실행 중 발생하는 오류
  • try, catch로 처리할 수 있는 것이 예외

예외처리

  • 예외를 처리하는 것을 예외처리(exception handling)
@jinsangYoo
jinsangYoo / javascript-basic-grammer-10.md
Last active January 17, 2019 08:14
자바스크립트 이벤트

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

이벤트

  • 이벤트
    • 키보드를 이용해 버튼을 입력하거나 마우스 클릭과 같이 다른것에 영향을 미치는 것
  • 이벤트 연결
    • onload 속성에 함수 자료형을 할당하는 것을 의미
@jinsangYoo
jinsangYoo / javascript-basic-grammer-09.md
Last active January 16, 2019 09:09
자바스크립트 문서 객체 모델(DOM)

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

문서 객체 모델(DOM, Document Object Model)이란

  • 웹 브라우저가 HTML 페이지를 인식하는 방식
  • document 객체와 관련된 객체의 집합

문서 객체

  • 태그를 자바스크립트에서 이용할 수 있는 객체로 만든것
@jinsangYoo
jinsangYoo / javascript-basic-grammer-08.md
Last active January 16, 2019 08:54
브라우저 객체 모델

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

브라우저 객체 모델(BOM, Browser Object Model)이란

  • 웹 브라우저와 관련된 객체의 집합(window, location, navigator, history, screen, document)
  • 웹 브라우저 기능 요소를 직접 관리/제어할 수 있는 특별한 객체 모음
  • 자바스크립트 프로그래밍 언어를 작동하게 하는 웹 브라우저라는 플랫폼이 제공하는 기능
  • window
    • location
  • navigator
@jinsangYoo
jinsangYoo / strict_mode.md
Last active January 9, 2019 16:04
Strict Mode 써야 하는 이유

Strict Mode is a new feature in ECMAScript 5 that allows you to place a program, or a function, in a “strict” operating context. This strict context prevents certain actions from being taken and throws more exceptions.

Strict Mode는 ECMAScript 5 버전에 있는 새로운 기능으로써, 당신의 프로그램 또는 함수를 엄격한 운용 콘텍스트 안에서 실행시킬 수 있게끔 합니다. 이 엄격한 콘텍스트는 몇가지 액션들을 실행할 수 없도록 하며, 좀 더 많은 예외를 발생시킵니다.

Strict mode helps out in a couple ways: It catches some common coding bloopers, throwing exceptions. It prevents, or throws errors, when relatively “unsafe” actions are taken (such as gaining access to the global object). It disables features that are confusing or poorly thought out.

Strict Mode는 몇가지 면에서 도움이 되는데:

@jinsangYoo
jinsangYoo / javascript-basic-grammer-07.md
Last active January 16, 2019 08:13
자바스크립트의 기본 내장 객체

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

기본 자료형과 객체의 메서드

  • 기본 자료형의 속성이나 메서드르 사용하면 기본 자료형이 자동으로 일회용 객체로 변환됨
    • 자바스크립트 기본 자료형: 숫자, 문자열, 불
  • 기본 자료형에는 속성과 메서드를 임의로 추가해서 사용할 수 없음
  • 그러나, 기본 자료형을 Number 등으로 객체화 시킨 뒤에 Number 생성자 함수의 프로토타입에 메서드를 추가해 사용 가능함
@jinsangYoo
jinsangYoo / javascript-basic-grammer-06.md
Last active January 18, 2019 01:46
자바스크립트 생성자 함수

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

생성자 함수

  • new 키워드로 객체를 생성할 수 있는 함수를 의미

생성자 함수 만들기

  • 생성자는 대문자로 시작
  • Student() 함수를 new 키워드로 객체를 생성하므로 생성자 함수라고 알수 있음
    • new 키워드를 사용하지 않으면 함수 내부에서 this 키워드는 window를 가리킴
@jinsangYoo
jinsangYoo / javascript-basic-grammer-05.md
Last active January 16, 2019 08:15
자바스크립트 객체

개요

  • javascript 재학습하면서 잊고 있던것, 긴가민가 했던것 재학습하면서 기록

자바스크립트의 기본 자료형

  • 숫자, 문자열, 불, 객체, 함수, undeifined

자바스크립트의 배열

  • 객체를 기반으로 만들어졌음
  • typeof([]): object