jinsangYoo

개요

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

typeof

• 정의: 숫자, 문자열, 불 같은 자료형을 확인할 때 사용
• 괄호 없이 사용할수 있음
  • 하지만, 코딩컨벤션을 위해서 괄호를 하자

typeof 1 + '문자열'
typeof(1 + '문자열')

jinsangYoo

개요

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

짧은 조건문

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

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

논리합

// 1
true || alert('실행 A');

jinsangYoo

개요

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

for in

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

var array = [1, 2, 3, 4];
for (var i in array) {
  alert(array[i] + "입니다.");
}

jinsangYoo

개요

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

선언적 함수, 익명 함수 비교

선언적 함수

• 일반적인 함수 사용법

function aa() {
  alert('함수 A');
}

jinsangYoo

기본 설정

set nocompatible     " 오리지날 VI와 호환하지 않음
set autoindent       " 자동 들여쓰기
set cindent          " C 프로그래밍용 자동 들여쓰기
set smartindent      " 스마트한 들여쓰기
set wrap
set nowrapscan       " 검색할 때 문서의 끝에서 처음으로 안돌아감
set nobackup         " 백업 파일을 안만듬
set noswapfile

jinsangYoo

• 그냥 install 하면 ./node_modules 디렉터리에 패키지 설치를 하고 끝.

• --save, --save-dev 옵션은 ./package.json 업데이트를 같이해준다.

  • 어디에 패키지 정보를 추가하느냐가 다른데, --save 옵션은 dependencies object에 추가하고 --save-dev 옵션은 devDepenencies object에 추가한다.

• dependencies와 devDepenencies 차이는 npm install을 할 때 나타난다.

  • dependencies는 항상 설치되고
  • devDepenencies는 --production 옵션을 붙이면 빠진다.

• npm install “$package” 명령어로 설치할 때는 --dev 옵션을 붙여야지만 설치된다.

출처

jinsangYoo

개요

• A3 script에서 useragent를 이용해 현재 단말기로 로그인한 것인지 PC에서 로그인한 것인지 결정
• ua-parser-js 오픈 소스 사용해서 useragent를 파싱

ua-parser-js 설치

• npm install --save-dev ua-parser-js
• import * as uaParserJS from 'ua-parser-js'; 해서 사용

작업 내용

• 작업한 git commit

jinsangYoo

개요

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

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

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

자바스크립트의 배열

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

jinsangYoo

개요

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

생성자 함수

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

생성자 함수 만들기

• 생성자는 대문자로 시작
• Student() 함수를 new 키워드로 객체를 생성하므로 생성자 함수라고 알수 있음
  • new 키워드를 사용하지 않으면 함수 내부에서 this 키워드는 window를 가리킴

jinsangYoo

개요

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

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

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