Category: JavaScript

2018
0
FrontEndJavaScript

[JS] 로컬 스토리지(LocalStorage)

스토리지(Storage)자바스크립트 개발을 하다보면 스토리지가 필요할 때가 있다. 스토리지에 대해 알아보자. HTML5에서 추가된 로컬 스토리지는 window 객체의 하위 객체로, 영구 저장인 로컬 스토리지와 브라우저 실행 중에만 유효한 세션 스토리지라는 두 가지 저장 방식을 제공한다. 스토리지 종류 구분 유효기간 localStorage 없음(

0
FrontEndJavaScript

[JS] DOM

DOM : 문서를 동적으로 다루는 방법자바스크립트로 문서 객체(DOM)을 조작할 수 있다. 그렇다면 DOM이란 무엇일까? 문서 객체 모델(Document Object Model, DOM)은 HTML 및 XML 문서를 처리하는 API이다. 문서의 구조적 형태를 제공하므로 자바스크립트(JavaScript)와 같은 스크립트 언어를 사용하여 문서 내용과 시각적

0
FrontEndJavaScript

[JS] 배열 메서드

자바스크립트 배열 메서드Javascript Array 클래스에 정의되어있는 배열 메서드에 대하여 알아보자. 메서드 설명 reverse() 배열을 역순으로 정렬 sort() 배열 정렬 slice() 배열의 일부 선택 concat() 배열을 하나로 합침 shift() 첫 번째 배열 제거(제거한 값을 반환함) unshift() 첫

0
FrontEndJavaScript

[JS] this

this자바스크립트에서의 this는 함수의 현재 실행 문맥이다. 함수 실행에서의 this함수 실행에서의 this는 전역 객체다. 전역 객체는 실행 환경에 따라 결정되는데, 웹 브라우저에서는 window가 전역 객체다. 아래의 예시를 보자. 12345678910function sum(a, b) { document.write(this === win

0
FrontEndJavaScript

[JS] Ajax와 XML / JSON

Ajax와 XML / JSONAjax (Asynchronous JavaScript and XML)Ajax는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. 보통 브라우저에서 웹페이지를 요청하면 서버와 통신하여 화면을 refresh하는데, Ajax를 이용하여, 서버로부터 웹 페이

0
FrontEndJavaScript

[JS] bind

bindFunction객체에서 기본적으로 가지고 있는 메소드 중 call, apply, bind를 많이 사용하는데 이 세 가지의 차이점을 알아보자. 우선 call과 apply는 함수를 즉시 호출하고 컨텍스트를 수정할 때 사용된다.(call과 apply에 대해 자세히 알아보기) 그러나 bind는 해당 함수를 나중에 이벤트에서 유용한 특정 컨텍스트로 호출할