javascript, jquery란?

2013-11-19 새벽1시에 말한 내용 이행( 모든 내용은 최대한 짧고 굵게 )

<!-- 시작 -->

 

1. 자바스크립트란?

- 네이버 의미 : 자바를 응용하여 사용하기 쉽게 만든 자바스크립트는 표준 HTML 문서에 사용되어 인터랙티브 웹페이지를 만들 수 있게 한다.

 

- 내생각 : html, jsp, php 등으로 코딩된 페이지는 정적인 페이지를 동적인 페이지로 돌아가게 하기 위한 언어.(1) 정적이다 : 정해진, 틀에박힌, 고정된으로 해석하면 된다.(2) 동적이다 : 움직이는, 유연한, 고정되지 않은 으로 해석하면 된다.
정적인 페이지 <-> 동적인 페이지 차이점 생각해보기.
만약 자바스크립트가 없다면...1. 모든페이지는 고정적으로 박혀있으며 회원가입시 새창이 뜰 수 없고 항상 회원가입이라는 새페이지로 이동해야 한다.2. 강조 되는 버튼이나 글을 클릭했을때 색상이나 크기의 변화를 줄 수 없다.3. 인터넷 쇼핑몰에서 흔히 볼 수 있는 스크롤을 따라다니는 배너를 만들 수 없다.4. 네이버에 실시간 검색어를 볼 수 없다.( 화면이 첫 로딩되었을때 랭킹만 볼 수 있고 새로고침을 하지않은 이상 순서는 고정.
이정도로 예를 들 수 있다. 이 반대를 동적이라 보면 된다.
한줄 요약 : 자바스크립트란 웹언어로 작성된 페이지의 동적인 요소를 컨트롤 할 수 있게 자바를 기반하여 만들어진 언어.
2. 선택자란?- 한 객체를 선택 할 수 있는 미리 정의된 명령어를 의미한다.- 한글로 따지면 너,나,너와나,우리,너네,그들 등등...이 자바스크립트의 선택자에 해당한다.- document.getElementById('아이디'); - 이 내용은 몰라도 되지만 뜻은document(문서)에서 getElement( 객체를 얻는다 ) ById( 기술된 아이디와 같은 )그래서 그 객체를 선택하는것이다. 한마디로 너라고 표현할 수 있다.- document.getElementClassName('클래스 명');위에 getElementById가 너라면 ClassName은 너네라고 볼 수 있다.id는 중복되서 사용될수 없지만 <div class='div'></div><div class='div'></div>처럼클래스는 중복사용이 가능하므로 같은 클래스인 너네! 를 가져올 수 있는것이다.

 

3. 함수란?- function이라고도 부르는 함수는 미리 정해놓은 행동들의 규약이다.- 사람으로 따지면 사람의 함수목록을 살펴보자.(1) 달리다.(2) 걷다.(3) 자다.(4) 옷을 입다.(5) 씻다.(6) 먹다.
우리는 이런 단어들을 국어시간에 배워서 자연스레 알고 있지만 컴퓨터는 저런 단어를 알 수 없기 때문에 개발자가스스로 정해 주어야 한다.ex)1.function run(){

달리기 내용 기술...

}2. function walk(){걷는 내용 기술..}3. function sleep(){자는 내용 기술...}등등. function 이라고 명시적으로 함수를 선언한뒤 뒤에 함수명이 온다. 함수명은 개발자 마음대로 작성하면 된다.단! 마음대로 작성하되 훗날 알아 볼 수 있도록 관계된 뜻으로 함수명을 작성하는게 좋다.
위 내용을 조합해서 예를 들어보자.html과 서버언어인 jsp, php ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 사람이라고 예를들었을때언어로 여러 사람을 만들었다면 이제 자바스크립트라는 언어로 그 사람의 행동규약등을 미리 함수로 정해놓고walk()걸어라, sleep() 잠을자라, eat()먹어라 등으로 함수를 실행하면서 원하는 행동등을 하는 것이다.
다른 예를 들자면학교에서 수업을 생각하면 된다.선생님이 칠판에 문제를 써놓고 학생을 지목해서 풀라는 과정을 생각해보면
1. 반장 누구니( 선택자 )2. 이 문제 풀어봐( 함수 )
컴퓨터도 사람들이 하는 행동과 말을 그저 컴퓨터가 해석 할 수 있도록 문법과 명령어만 정해놓은것이라 생각하면 한층 쉽다.
4. jquery 란?javascript를 사용하기 쉽게 함수들을 묶어서 그룹화한 library라 보면 된다.라이브러리(

library)

 :: 

 컴퓨터 프로그램에서 자주 사용되는 부분 프로그램들을 모아 놓은 것

 

학생이 하루에 하는 일들을 자바스크립트의 함수로 생각한다면

아침먹기(), 학교가기(), 수업듣기(), 점심먹기(), 수업듣기(), 야자하기(), 집에가기(), 잠자기()

 

정말 여러 함수가 필요하다.

하지만 jquery는 이 일련의 과정들을 하나의 함수로 단축시켜놓았다고 이해하면 쉽다

자바스크립트 : 아침먹기(), 학교가기(), 수업듣기(), 점심먹기(), 수업듣기(), 야자하기(), 집에가기(), 잠자기()

제이쿼리 : 하루일과()

 

여기서 중요한것은 제이쿼리는 커스터마이징이 가능하기 때문에 점심먹기(), 야자하기() 등을 중간에서 뺄 수도 있다는것이 중요하다.

 

한줄요약: 자바스크립트로 실행하는 일종의 행동규약들을 하나의 함수로 통합해놓은 자바스크립트 파생 언어.