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

jQuery 자바스크립트 라이브러리 자바스크립트를 이용해 만든 다양한 함수들의 집합 무료 사용 가능한 오픈 소스 라이브러리 모든 웹 브라우저에서 동작 특징 용량이 약 100KB로 가벼움 동적으로 HTML이나 CSS 컨트롤 능력 탁월 짧고 간결하게 코딩 가능 웹 표준과 타 브라우저 호환성 뛰어남 편리한 Ajax 호출 방법 메소드 체인 방식(여러 메소드를 연결하여 사용)으로 효율적인 코딩 가능, 간결하고 효과적인 코드 수정 가능 다양한 플러그인 제공 목적 쉬운 DOM cjfl 쉽고 일관된 이벤트 연결 구현 쉬운 시작적 효과 구현 Ajax 기능 쉽게 구현 기능 DOM 처리 이벤트 처리 시각 효과 구현 Ajax 기능 구현 개발 환경 파일 다운로드 방식 CDN 이용하는 방식 jQuery 시작 예제 - jQuery..

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..