본문 바로가기
반응형

Coding/Language - JavaSCript13

JavaScript - 제8강 - Ajax의 기초 - Ajax = Asynchronous JavaScript + XML = 비동기 JavaScript + XML의 약자. 예) 구글맵 페이지는 갱신되지 않고 웹에 표현되는 정보가 바뀐다. Ajax은 기술적으로는 JavaScript에 CSS, HTML, XML 등을 조합한 것이다.XMLHttpRequest라는 오브젝트를 활용해서 비동기적으로 데이터를 추출하지만, Ajax자체의 정의가 모호하기 때문에 그 경계를 저하기는 쉽지 않다. Ajax의 송수신 데이터는 XML뿐만 아니라 텍스트도 사용할 수 있다. 또한, XMLHttpRequest 오브젝트를 사용하지 않고 Ajax를 실현할 수도 있다. Ajax에서는 XMLHttpRequest 오브젝트를 사용하여 HTTP를 매개로 서버와 통신하고, XM.. 2017. 11. 22.
JavaScript - 제7강 - 브라우저 오브젝트 -브라우저 오브젝트는 브라우저에 마련된 기능이나 부품을 조작하는 것입니다. 예) 브라우저 창, 메뉴 표시줄, 작업 표시줄, 문장, 그림, 폼, 프레임 등 많은 브라우저 오브젝트가 있다. 브라우저 오브젝트를 다룰 때 DOM이라는 사양을 사용하면 HTML이나 XML로부터 요소를 지정하여 정보를 추출할 수 있다. Document Object Model의 약자이다. DOM은 HTML문서를 태그나 속성의 계층 구조로 간주하고, 참조할 위치를 지정하는 것이다.Event 오브젝트는 이벤트 정보에 관한 오브젝트로, 2장에서 배운 이벤트 핸들러와 조합하여 사용한다.Style 오브젝트는 CSS 프로퍼티를 다룬다. Lesson 1window 오브젝트의 주요 프로퍼티와 메서드는 다음과 같다.프로퍼티기능d.. 2017. 11. 13.
JavaScript - 제6강 - 일반오브젝트 -일반 오브젝트는 브라우저와 상관없는 기능으로 내장오브젝트라고도 부른다. 내장오브젝트는 ECMAScript에 정의되어 있다.일반 오브젝트에는 Array 오브젝트, RegExp - 정규식 표현, Math 오브젝트, String 오브젝트 - 문자열, Date 오브젝트 - 날짜 등이 있다.Lesson 1 a = new Array(1,2,3); a = [1,2,3,]; a = new Array(); a[0] = 1; a[1] = 2; a[2] = 3; 모두 같은 배열을 생성한다.내장 오브젝트를 이용하려면 new 연산자를 사용하여 새로운 오브젝트를 생성해야한다. a = new Array(1,2,3);b = a[0]; 배열 요소 참조 a = new Array(1,2,3);a[0] = 4;a[1] =.. 2017. 11. 13.
JavaScript - 제5강 - 함수 -함수는 프로그램 안에서 반복작업이나 계산을 한 덩어리로 묶은 것이다.Lesson 1unite2Message()함수 두 개의 메세지를 줄을 바꿔서 표시한다. alert('Hello World'); 함수는 오브젝트를 처리하는 메서드와 비슷하다. 함수의 처리의 내용물을 사용자가 만들 수도있다. function unite2Message(Msg 1, Msg2){ message = Msg1 + '\n' + Msg2; return message;} function: 함수 선언 unite2Message: 함수선언 return 함수 처리 종료하고 호출한 곳의 처리를 계속 함수는 함수 안에서의 처리에 필요한 정보를 호출한 곳으로부터 받을 수 있다. 이것을 인수 혹은 파라미터 라고 한다.=> Msg1, Msg2 .. 2017. 11. 12.
JavaScript - 제4강 - 제어문 -if, for, while, break, continue, switch 등의 제어문을 활용하면 프로그램의 흐름을 바꿀 수 있다.Lesson 1 if문 사용 Lesson 2 if 문 안의 if 사용 => Nest Lesson 3 for (i=1; i=80) {b='B';}else if(score>=70) {c='C';}else if(score>=60) {d='D';}else {a='F';}document.write("성적 :"+a); 2. for 문 사용하여 1부터 10까지의 합을 구하라 sum=0;for(i=1; i 2017. 11. 12.
JavaScript - 제3강 - 변수와 연산자 -변수(Variables) - 문자나 숫자와 같은 데이터를 저장해 두는 '상자' 같은 것. 변수는 문자냐 숫자냐 등 종류에 따라 형(type)을 가진다. 크게보면 변수의 종류에는 수치형, 문자열, 논리형, null형, 미정의형 등이 있다. JavaScrip의 변수 형은 대입한 값에 따라 정해진다. => C와 같이 int로 선언해줄 필요없이 들어오는 값에 따라 변수의 형이 자동으로 결정된다. -> 편리하기도 하지만 보안상으로 취약할 수도 있다. 연산자(Operator) - +,-,x,/ 등이다. Lesson 1 a=2;a=3;a='1';b=1;a=typeof(123; document.write(a); typeof 연산자를 사용하면 변수의 형을 알 수 있다. Lesson 2 a=123;b=.. 2017. 11. 12.
JavaScript - 제2강 - Key Point -Event 키보드의 키를 누르거나 마우스 버튼을 클릭하는 등 사용자가 수행하는 동작이나 일을 말한다. 이벤트에 반응하여 프로그램이 처리 동작을 수행함.Event Hadler 이벤트를 처리하는 장치Object - 윈도우 창과 같이 조작의 대상이 되는 것. 오브젝트에는 속성을 나타내는 Property와 처리를 수행하는 Method가 있다. 예) '김ㅇㅇ에게 리본을 묶어준다.' -> 오브젝트 = 김ㅇㅇ, '프로퍼티'=리본이 있다.' '리본을 묶는다.'=메소드Lesson 1 JavaScript는 보통 HTML과 조합되어 사용된다. 자바스크립트 부분 JavaScript를 처리하지 못하는 브라우저에 대한 메시지를 기술한다.window.document.write("Hello World"); 문.. 2017. 11. 10.
JavaScript - 제1강 - HTML -HTML의 태그 ~ HTML선언 문서 정보 ~ 제목 ~ 문서 본문 ~ 레벨1부터 6까지 제목을 설정한다. ( 1: 대제목 -> 6: 소제목) ~ 테이블 선언 ~ ~가 표의 제목 행 셀 border 테두리의 너비를 픽셀 단위로 지정, default는 테두리 없음임. width 표 너비를 픽셀 단위로 지정. default는 문자열의 너비 cellspacing 바깥쪽 테두리와 안쪽 테두리의 너비를 픽셀 단위로 지정 cellpadding 셀의 공백을 픽셀 단위로 지정 rowspan 셀을 세로로 병함colspan 셀을 가로로 병함 프레임 6월 3일 (월) 프레임에 표시할 파일명 0603.html지정, 페이지를 표시할 프레임명mycontents 지정. mycontents 프레임에 0603.html이 .. 2017. 11. 3.
JavaScript - 제0강 - 제 0 강 -JavaScript의 특징 1. 인터프리터형 언어 - C나 Java와 같은 컴파일형 언어와는 달리 작성한 소스 프로그램을 실행하기전에 컴퓨터가 이해하는 언어로 변환할 필요가 있는데, 이런 언어를 Script언어라고도 한다. 2. HTML파일(웹 페이지의 소스 파일)에 포함되는 형태로 정의된다. 웹 브라우저의 입력에 따라 브라우저 측에서 실행되 결과를 표시한다. CGI, 서버측 스크립트 게시판이나 설문조사 페이지 등의 텍스트상자나 체크 상자를 제어하기 위해서는 CGI(Common Gateway Interface)나 서버측 스크립트와 같이 서버에서 움직이는 프로그램 기술을 사용해야 한다. 이는 동적 웹페이지를 구현하기 위해 필요하다. CGI는 웹 브라우저의 요청에 따라 웹 서버가 프로그램을 .. 2017. 11. 3.
객체지향 프로그래밍 (Object-Oriented Programming) 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 객체지향 프로그래밍은 크고 견고한 프로그램을 만들기 위한 노력의 산물이다. 객체지향이라는 큰 흐름은 현대적 프로그래밍 언어들을 지배하고 있는 가장 중요한 맥락이라고 할 수 있다. 하지만 자바스크립트의 객체지향은 다른 언어들의 객체지향과 사뭇 다르다. 특히 Java나 C++과 같은 주류 객체지향 언어에 익숙한 독자라면 극심한 혼란을 경험할 수도 있다. 바로 이러한 특성 때문에 웃으면서 들어갔다가 울면서 나오게 된다. 하지만 최소한 주류가 된 언어라면 그 언어가 추구한 나름대로의 지향점이 있을 것이다. 그 지향점에 대해서 이해하고 언어를 대한다면 훨씬 더 즐겁게 언어를 음미할 수 있을 것이다. 특히 모든 처리의 중심에 함수를 두는 .. 2017. 10. 16.
반응형