오봉이와 함께하는 개발 블로그

비동기 JavaScript를 사용하는 SPA는 JavaScript에서 제공하는 비동기 함수를 사용한다. callback JavaScript에서 함수는 객체 함수의 파라미터로 함수를 전달하여 실행하는 함수를 callback 함수라고 한다. 비동기성을 구현해주는 기능 자체를 callback이라 하는 것이 아니라, 비동기성을 구현하기 위해 callback을 사용하는 것 비동기성 함수를 호출할 때는 제어권이 넘어가지 않지만, 동기성 함수를 호출할 때는 제어권이 넘어가게 된다. 비동기 함수에 callback이 있다면, 해당 callback은 pending되어 있다가 함수가 종료되었을 때 해당 callback을 실행 일반 함수에 callback을 사용하는 것은 실행 순서를 보장하는 내부 함수를 사용하는 것 call..

JSON(JavaScript Object Notation) 자바스크립트 객체 표기법 key-value 쌍으로 구성된 형태의 객체 표기법 클라이언트와 서버 사이 데이터 교환 목적으로 사용 웹 서버에서 수신하는 데이터는 문자열인데, 문자열 데이터를 JSON 파싱 함수를 사용해서 자바스크립트 객체로 변환 가능 최근 브라우저들은 전부 내장 객체로 JSON 변환 기능 지원 JSON 데이터 형식 {key : value} {"name" : "홍길동"} 자바스크립트 객체 JSON 변환 자바스크립트 객체 to JSON data로 변환 stringify() 메소드 사용 결과 : JSON 형태의 문자열 JSON data to 자바스크립트로 변환 parse() 메소드 결과 : object JSON parsing 예제 - js..

사용자 정의 객체 사용자가 직접 필요한 객체를 생성해서 사용 사용자 정의 객체 생성 방법 리터럴 이용 생성자 함수(function()) 이용 new Object() 이용 class 정의하고 객체 생성 class 정의하고 객체 생성 class 키워드 사용 생성자 / Getters / Setters 사용 가능 Getters : 함수명 앞에 get이라고 붙이면 됨 프로퍼티 사용 시 앞에 언더바(_)를 붙여서 사용 Setters : 함수명 앞에 set이라고 붙이면 됨 프로퍼티 사용 시 앞에 언더바(_)를 붙여서 사용 Getter, Setter 호출 시 괄호 안 붙임 객체.메소드; 호이스팅 불가 형식 class 클래스명 { 생성자() { } Getters Setters 메소드(); } // 객체 생성 let 객체..

사용자 정의 객체 사용자가 직접 필요한 객체를 생성해서 사용 사용자 정의 객체 생성 방법 리터럴 이용 생성자 함수(function()) 이용 new Object() 이용 class 정의하고 객체 생성 new Object() 이용 new Object()로 빈 객체 생성 후 프로퍼티 추가 멤버 메소드 추가 객체.메소드() // 객체의 멤버 메소드 사용 형식 var 객체 = new Object(); // 빈 객체 생성(new는 생략 가능) // 프로퍼티 추가 객체.프로퍼티 = 값; // 멤버 메소드 추가 객체.메소드명 = function() { 코드 } // 객체의 멤버 메소드 호출 객체.메소드(); new Object() 예제 - object5-Object.html

사용자 정의 객체 사용자가 직접 필요한 객체를 생성해서 사용 사용자 정의 객체 생성 방법 리터럴 이용 생성자 함수(function()) 이용 new Object() 이용 class 정의하고 객체 생성 생성자 함수 (function) 이용 함수 선언과 같은 방식으로 function 키워드 사용하여 선언(정의) 함수를 클래스처럼 사용 function 함수명() : 생성자 기능 프로퍼티 사용 : this.프로퍼티 new 연산자를 사용해서 객체 생성 형식 // 함수(클래스로 이용) 선언 (생성자 기능) function 함수명() { // 프로퍼티 추가 this.프로퍼티 : 값 1, this.프로퍼티 : 값 2, // 메소드 추가 this.메소드 = function() { 수행 코드; }; } // 객체 생성 v..