Skip to content

Instantly share code, notes, and snippets.

@jinsangYoo
jinsangYoo / vimrc 설정.md
Last active December 14, 2018 13:41
vimrc 설정

기본 설정

set nocompatible     " 오리지날 VI와 호환하지 않음
set autoindent       " 자동 들여쓰기
set cindent          " C 프로그래밍용 자동 들여쓰기
set smartindent      " 스마트한 들여쓰기
set wrap
set nowrapscan       " 검색할 때 문서의 끝에서 처음으로 안돌아감
set nobackup         " 백업 파일을 안만듬
set noswapfile
@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-05.md
Last active January 16, 2019 08:15
자바스크립트 객체

개요

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

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

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

자바스크립트의 배열

  • 객체를 기반으로 만들어졌음
  • typeof([]): object
@jinsangYoo
jinsangYoo / javascript-basic-grammer-03.md
Last active January 16, 2019 08:16
자바스크립트 반복문

개요

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

for in

for in 반복문에 배열을 넣으면 앞의 반복 변수에 '요소'가 아니라 '인덱스'가 들어감

var array = [1, 2, 3, 4];
for (var i in array) {
  alert(array[i] + "입니다.");
}
@jinsangYoo
jinsangYoo / javascript-basic-grammer-02.md
Last active January 16, 2019 08:17
자바스크립트 조건문

개요

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

짧은 조건문

  • 삼항 연산자 보다 코드를 더 짧게 사용하고 싶을 때 짧은 조건문을 사용

(<불 표현식>) || (<불 표현식이 거짓일때 실행할 코드>)

논리합
// 1
true || alert('실행 A');
@jinsangYoo
jinsangYoo / javascript-basic-grammer01.md
Last active January 16, 2019 08:18
자바스크립트 기본 문법

개요

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

typeof

  • 정의: 숫자, 문자열, 불 같은 자료형을 확인할 때 사용
  • 괄호 없이 사용할수 있음
    • 하지만, 코딩컨벤션을 위해서 괄호를 하자
typeof 1 + '문자열'
typeof(1 + '문자열')
@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 / 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-10.md
Last active January 17, 2019 08:14
자바스크립트 이벤트

개요

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

이벤트

  • 이벤트
    • 키보드를 이용해 버튼을 입력하거나 마우스 클릭과 같이 다른것에 영향을 미치는 것
  • 이벤트 연결
    • onload 속성에 함수 자료형을 할당하는 것을 의미