>
반응형

 

jQuery란?

jQuery는 오픈 소스 Javascript 라이브러리 입니다.

jQuery를 사용하면 짧고 단순한 프로그램으로 웹 페이지에 다양한 효과나 연출을 추가하 수 있고 복잡하게 구성된 컨텐츠를 제어할 수 있습니다.

 

Javascript를 사용하면 HTML과 CSS로는 구현할 수 없는 '기능', '효과', '연출'등을 웹 페이지에 추가할 수 있습니다.

그러나 Javascript만으로 이런 부분을 구현하기란 너무 힘든 일입나다.

그래서 자주사용하는 기능과 효과를 Javascript코드로 미리 만들어 두고 재활용할 수 있게 한 것을 Javascript라이브러리라고 부릅니다.

 

라이브러리는 장점이 있는 반면 단점 또한 있습니다.

브라우저마다 Javascript 처리 방식이 다르기 때문에 실행결과의 차이를 불러 올 수 있는 차이를 해결할 수 있습니다.

 

라이브러리를 사용하면 라이브러리에서 이미 제공하고 있는 기능을 가져와서 사용할 수 있으므로 직접 작성하는 코드양을 줄일 수 있고, 결과적으로 개발 시간이 줄어들고, 직접 작성하는 코드양이 적기 때문에 읽기 쉽고 정리하기 쉬운 코드가 됩니다. 

 

그러나 각 라이브러리마다 고유의 코드 작성법이 있으므로, 문법을 이해할 수 없다면 라이브러리를 사용할 수 없다는 단점이 있습니다.

 

라이브러리는 다양한 기능이나 효과, 연출을 구현하는 Javascript 코드 모음입니다.

즉, 경우에 따라서는 웹 페이지를 열 때 해당 코드를 모두 읽어야 하기 때문에 웹 페이지의 로딩 시간이 길어진다는 단점이 있습니다.

 

그러나 5G시대에 인터넷과 컴퓨터의 사양이 너무 좋아지면서 이러한 라이브러리의 단점을 보완할 수 있으므로 단점보다는 장점이 많은 jQuery입니다.

 

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

자바스크립트 : 변수  (0) 2019.08.17
자바스크립트  (0) 2019.08.17
내부 자바스크립트  (0) 2019.08.17
자바스크립트의 미래  (0) 2019.08.17
왜 자바스크립트인가? 왜 쓰나?  (0) 2019.08.17
자바스크립트 현재시간 표시  (0) 2019.08.17
자바스크립트의 특징  (0) 2019.08.17
반응형

변수 이름을 짓는 몇 가지의 규칙이 있다.

 

● 변수 이름은 문자로 시작해야 한다.(숫자로 시작하면 안된다.)

● 변수 이름은 $나 _로 시작할 수 있다.

● 변수 이름은 대소문자를 구멸한다.(count와 Count는 서로 다른 변수이다.)

 

자바스크립트 변수 선언과 다른 언어의 변수 선언과의 차이점이 있을까?

 

자바스크립트는 변수 선언에서는 자료형을 지정하지 않는다.

즉, int x; 나 double y; 처럼 변수가 저장하는 값의 유형을 지정하지 않는다.

자바스크립트 변수는 어떤 형태의 값도 모두 저장할 수 있다.

자바스크립트 변수에 정수뿐만 아니라 문자열도 저장할 수 있다.

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

jQuery의 장단점  (0) 2019.10.05
자바스크립트  (0) 2019.08.17
내부 자바스크립트  (0) 2019.08.17
자바스크립트의 미래  (0) 2019.08.17
왜 자바스크립트인가? 왜 쓰나?  (0) 2019.08.17
자바스크립트 현재시간 표시  (0) 2019.08.17
자바스크립트의 특징  (0) 2019.08.17
반응형

● 자바스크립트의 문장

 

자바스크립트의 문장은 웹 브라우저에게 내리는 명령이라고 할 수 있다.

 

각 문장의 끝에는 세미콜론( ; )을 붙인다. 세미콜론은 문장을 분리하는 역할을 하지만.

자바스크립트에서는 줄이 바뀌면 하나의 문장을 끝낸 것으로 판단하기 때문에 세미콜론을 생략해도 된다.

그러나 가급적이면 세미콜론을 붙이는게 좋다.

간편한 코드 해석을 위해.

 

● 문자 집합과 대소문자 구별

자바스크립트는 대소문자를 구별한다.

여기서 주의할 점은 HTML은 대소문자를 고별하지 않는다는 점이다.

 

자바스크립트는 공백 문자를 모두 무시한다.

다만 붙여서야 하는 부분에 공백을 두면 컴파일 오류가 발생한다.

 

자바스크립트는 인프리트 언어이다. 

스크립팅 언어는 브라우저가 각 줄을 읽을 때마다 즉시 실행된다.

반면 C언어와 같은 프로그래밍 언어는 실행되기 전에 모두 컴파일되어야 한다.

 

 

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

jQuery의 장단점  (0) 2019.10.05
자바스크립트 : 변수  (0) 2019.08.17
내부 자바스크립트  (0) 2019.08.17
자바스크립트의 미래  (0) 2019.08.17
왜 자바스크립트인가? 왜 쓰나?  (0) 2019.08.17
자바스크립트 현재시간 표시  (0) 2019.08.17
자바스크립트의 특징  (0) 2019.08.17
반응형

자바스크립트를 입력할 때 사용하는 태그는 <script>이다.

html 내부에 어디라도 자바스크립트를 넣을 수 있지만 <head> 섹션에 넣는 것이 좀 더 바람직하다.

 

document.write()는 document 객체의 write() 메서드를 호출하는 문장이다.

(객체는 속성과 동작을 한데 모아둔 것으로 메서드는 동작에 해당된다.)

 

write()메서드는 큰따옴표(" ") 안 텍스트를 HTML 문서에 추가한다.

위의 코드의 <body>....</body>사이에는 아무것도 없지만 document.write()가 "Hello World!"를 HTML문서에 추가하기 때문에 화면에 "Hello World!"가 나타난다. 

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

jQuery의 장단점  (0) 2019.10.05
자바스크립트 : 변수  (0) 2019.08.17
자바스크립트  (0) 2019.08.17
자바스크립트의 미래  (0) 2019.08.17
왜 자바스크립트인가? 왜 쓰나?  (0) 2019.08.17
자바스크립트 현재시간 표시  (0) 2019.08.17
자바스크립트의 특징  (0) 2019.08.17
반응형

● Node.js

최근에는ㅋ Node.js처럼 자바스크립트를 서버 프로그래밍 언어로 변화시키려는 시도가 진행되고 있다.

Node.js는 웹 서버와 같은 애플리케이션을 작성하기 위해 설계된 서버-사이드 소프트웨어 시스템이다.

특히 이벤트-구동형이고 비동기적 입출력을 채택하여 병렬처리 코어가 많은 컴퓨터에서 효율적으로 실행된다고 한다.

 

● jQuery

자바스크립트 라이브러리인 jQuery는 브라우저에서 아주 폭놃게 사용되고 있으며 Mobile jQuery를 통하여 모바일 장치에서도 인기를 얻고 있다.

 

● JSON

자바스크립트의 객체 표기법인 JSON(JavaScript Object Notation)은 개발 언어 독립적인 데이터 형식으로서 데이터 전송용 XML을 대체하고 있다.

JSON은 심지어 문서 데이터베이스의 표준 저장 형식으로도 사용된다.

 

웹프로그래밍 기술에서 자바스크립트는 아주 중요한 역할을 하고 있다. 

클라이언트에서는 jQuery를 이용해 클라이언트 애플리케이션을 개발하고 JSON으로 서버와 데이터를 주고 받을 수 있다.

서버에서는 Node.js를 통하여 서버 프로그램을 개발한다.

 

 

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

jQuery의 장단점  (0) 2019.10.05
자바스크립트 : 변수  (0) 2019.08.17
자바스크립트  (0) 2019.08.17
내부 자바스크립트  (0) 2019.08.17
왜 자바스크립트인가? 왜 쓰나?  (0) 2019.08.17
자바스크립트 현재시간 표시  (0) 2019.08.17
자바스크립트의 특징  (0) 2019.08.17
반응형

자바스크립트로 무엇을 할 수 있을까?

자바스크립트의 대표적인 용도를 살펴보자.

 

● 이벤트에 반응하는 동작을 구현할 수 있다.

● Ajax를 통하여 전체 페이지를 다시 로드하지 않고서도 서버로부터 새로운 페이지 콘텐츠를 받거나 데이터를 제출할 때 사용한다.

● HTML 요소의 크기나 색상을 동적으로 변경할 수 이다.

● 게임이나 애니메이션과 같은 상호 대화적인 콘텐츠를 구현할 수 있다.

● 사용자가 입력한 값을 검증하는 작업도 자바스크립트를 이용한다.

alert() 함수는 자바스크립트에서 많이 사용되지는 않는다.

하지만 가끔 출력 코드를 작성할때는 편리하다.

onclick 이벤트는 버튼이 클릭되면 발생하는 이벤트이다.

위의 코드를 해석해보면 버튼이 클릭되어 onclick 이벤트가 발생하면 

alert('반갑습니다')를 실행하라는 코드이다.

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

jQuery의 장단점  (0) 2019.10.05
자바스크립트 : 변수  (0) 2019.08.17
자바스크립트  (0) 2019.08.17
내부 자바스크립트  (0) 2019.08.17
자바스크립트의 미래  (0) 2019.08.17
자바스크립트 현재시간 표시  (0) 2019.08.17
자바스크립트의 특징  (0) 2019.08.17
반응형

자바스크립트의 가장 중요한 특징은 동적 웹 페이지를 생성할 수 있다는 점이다.

아주 간단한 동적 웹 페이지를 작성하여 보자.

웹 페이지를 로드할 때마다 현재 시간이 화면에 표시되도록 하자.

 

브라우저의 "새로 고침"버튼을 누를 때마다 현재 시간이 변경되어서 출력되는 것을 알 수 있다.

아주 간단하지만 이것도 엄연한 동적인 웹 페이지이다. 

위의 소스를 살펴보자.

자바스크립트는 <script>......</script> 사이에 기술된다.

자바스크립트는 HTML 문서의 <head>섹션이나 <body>섹션 안에 위치할 수 있다. 

 

 

var now = new Date(); 문장은 무슨 의미일까?

 

현재 시간을 가지고 있는 now라는 이름의 객체가 생성된다.

document.write(now)는 now 객체의 값을 HTML 문서에 출력한다. 

 

 

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

jQuery의 장단점  (0) 2019.10.05
자바스크립트 : 변수  (0) 2019.08.17
자바스크립트  (0) 2019.08.17
내부 자바스크립트  (0) 2019.08.17
자바스크립트의 미래  (0) 2019.08.17
왜 자바스크립트인가? 왜 쓰나?  (0) 2019.08.17
자바스크립트의 특징  (0) 2019.08.17
반응형

● 인터프리트 언어 - 인터프리트 언어란 컴파일 과정을 거치지 않고 바로 실행시킬 수 있는 언어다.

 

● 동적 타이핑(Dynamic typin) - 변수의 자료형을 선언하지 않고도 변수를 사용할 수 있는 특징이 있다. 이를 테면  c언어처럼 int x;할 필요가 없이 단순히 모든 변수는  var x;와 같이 선언할 수 있다.

 

● 구조적 프로그래밍 지원 - c언어의 구조적 프로그래밍을 지원한다. 즉 if-else, while, for등의 제어 구조를 완벽하게 지원한다.

 

● 객체 기반 - 자바스크립트는 전적으로 객체 지향 언어이다. 자바스크립트의 객체는 연관배열(associative arrays)이다.

 

● 함수형 프로그래밍 지원 - 자바스크립트에서 함수는 일급 객체(first-class object)이다. 즉 함수는 그 자체로 객체이다. 함수는 속성과 .cll()과 같은 메서드를 가진다.

 

● 프로토타입 - 기반(prototype-based) - 자바스크립트는 상속을 위해 클래스 개념 대신에 프로토타입을 사용한다.

 

 

반응형
저작자표시 비영리 변경금지

'Javascript 공부' 카테고리의 다른 글

jQuery의 장단점  (0) 2019.10.05
자바스크립트 : 변수  (0) 2019.08.17
자바스크립트  (0) 2019.08.17
내부 자바스크립트  (0) 2019.08.17
자바스크립트의 미래  (0) 2019.08.17
왜 자바스크립트인가? 왜 쓰나?  (0) 2019.08.17
자바스크립트 현재시간 표시  (0) 2019.08.17

+ Recent posts

티스토리툴바