programming/javascript

    [JavaScript] Mobile WEB

    6. Mobile WEB 가. Native App (image)* 보편적으로 지칭하는 모바일 애플리케이션* 특정한 플랫폼에서만 작동되는 앱- ex. 아이폰 앱을 안드로이드 폰에서는 실행 불가* App Store에서 판매, 배포가 이루어짐 장점 단점 - 실행속도가 빠르고 안정적 - Mobile 기기에 최적화 - 개발 툴이 비교적 편리 - 특정 플랫폼에서 동작 - 업데이트가 느림 나. Mobile Web (image)* PC용 사이트의 구성을 모바일에 맞추어 표현한 웹* 스마트 디바이스에 최적화 된 홈페이지 장점 단점 - 일반적인 웹 프로그래밍 기법으로 개발 가능 - 네이티브 앱에 비해서 속도가 현저하게 느림 - 접근성이 낮음 다. Hybrid App - 겉으로는 Native App의 모습을 가지고 앱스토어..

    [JavaScript] Ajax, XML, JSON

    5. jQuery, Ajax, JSON 5.1 jQuery 자주 사용되는 자바스크립트 라이브러리 write less, do more 코딩량이 매우 절감됨 2006년 존 레식(John Resig)이 발표 https://jquery.com 에서 다운로드 5.1.1 jQuery의 버전 1.x 버전: 구버전 브라우저까지 지원되는 버전 2.x 버전: 구버전 브라우저(Internet Explorer 6, 7, 8 등)을 지원하지 않음 3.x 버전: 2014년부터 개발, 더 빠르고 풍부한 API 5.1.2 jQuery를 사용하는 방법 다운로드 받아서 사용할 경우 다운로드 받지 않고 사용할 경우 5.1.3 기본 문법 선택한 엘리먼트에 어떤 동작을 수행 /** * $: jQuery에서 정의 및 접근에 사용 * (sele..

    [JavaScript] 자바스크립트 객체

    2. 자바스크립트 객체 2.1 자바스크립트의 객체 1) 내장 객체 : document, window, screen, browser 등Date : 날짜와 시간 작업Number : 수치형 데이터String : 문자열 관련Math : 수학 연산Array : 배열 2) 사용자 정의 객체- 객체 상수로부터 객체 생성var myCar = { model: "520d", speed: 60, color: "red", break: function() { this.speed -= 10; } accel: function() { this.speed += 10; }};myCar.color = "yellow";myCar.break(); - 생성자 함수를 이용한 객체 생성function Car(model, speed, color) ..

    [JavaScript] DOM과 이벤트 처리, 입력검증

    3. DOM과 이벤트 처리, 입력검증 3.1 문서 객체 모델(DOM, Document Object Model) 3.1.1 document 객체 : 웹 문서의 최상위 객체- id로 요소 찾기 : getElementById("태그의 id");- 태그.innerHTML : 태그 내부의 사용- 태그.value : 태그의 입력 값- 태그의 속성 변경 : 태그.src = "값"document.getElementById("img2").src = "poodle.png";- 태그의 스타일 변경 : 태그.style.속성이름 = "속성 값";document.getElementById("img2").style.color = "blue"; 3.1.2 window 객체- 팝업창 열기 : window.open(url, 윈도우의 n..

    [JavaScript] 자바스크립트 객체

    2. 자바스크립트 객체 2.1 자바스크립트의 객체 2.1.1 내장 객체 : document, window, screen, browser 등Date : 날짜와 시간 작업Number : 수치형 데이터String : 문자열 관련Math : 수학 연산Array : 배열 2.2.2 사용자 정의 객체- 객체 상수로부터 객체 생성var myCar = { model: "520d", speed: 60, color: "red", break: function() { this.speed -= 10; } accel: function() { this.speed += 10; }};myCar.color = "yellow";myCar.break(); - 생성자 함수를 이용한 객체 생성function Car(model, speed, c..

    [JavaScript] 자바스크립트 기초 문법

    1. 자바스크립트 기초 문법 1.1 자바스크립트 - Netscape 사의 브랜든 아이크(Brendan Eich)가 개발- 동적인 웹 페이지 작성을 위해 사용되는 클라이언트 측 프로그램 언어'자바스크립트는 사용자 PC에서 돌아간다; 위치를 잘 알아야 함- 모든 웹 브라우저에 자바스크립트 해석기가 내장되어 있음- 웹 페이지의 동작을 정의하는 언어- 인터프리터 언어 (vs. compiled language)- 클라이언트에서 실행됨- 자료형이 없음(가변자료형); '우변의 값에 따라서 자료형이 바뀜var i = 0;i = "hello";i = true; '2008 Google V8 오픈 소스로 공개해 버림; 자바스크립트는 웹에서 뿐만 아니라 다른 분야에도 사용 가능하게 되었다'2009 라이언 달 Node.js 프..