'자바스크립트' 학습을 시작하기 전에 이게 무엇이고, 왜 배워야 하는지 부터 알아 보자구.
왜냐하면 어떤 분에게는 전혀 필요하지 않을 수도 있거든..

먼저 '자바스크립트'는 Html 과 CSS 에 비해 좀(?), 아니 많이 어려워.
'엑셀'과 비교해 보자면 Html 은 입력한 내용이고 CSS 는 테두리 꾸미기라면, 자바스크립트는 사용자의 조작에 따라 이 쉬트의 계산이나 자동입력을 하는 '매크로'라고 할 수 있어.
그런데 사실 보통 엑셀 사용자들은 '매크로'가 뭔지도 모르고, 쉬트작성과 꾸미기 만으로도 충분하잖아.
'자바스크립트'도 마찬가지야.
열심히 공부했는데 실제 내 홈피에서는 쓸 일이 전혀 없다면?.. 억울하잖아.
그럼 왜 '자바스크립트'를 사용하는지 부터 알아 보자구.

'자바스크립트'는 간단히 설명하자면 홈피의 특정 페이지를 보여 준 뒤 어떤 동작이 필요할 때 사용해.
예를들어 첫 화면에서 그림을 슬라이드로 차례로 보여 준다던지,
버튼을 클릭하면 팝업창이 나오거나 아래로 메뉴가 주루룩 나온다든지, 쇼핑몰에서 입력 칸에 수량, 단가를 입력하면 합계에 자동으로 수량x단가의 금액을 계산해서 보여준다든지, 10초 마다 게시판에 새로 올라온 최신글을 검사해서 있으면 화면에 보여 준다든지, 더 나가면 브라우저에서 작동하는 게임도 자바스크립트의 역할이야.

우리 요기보드의 게시판에서 예를 한 번 볼까?
사용자가 게시글을 작성했는데 본문내용만 입력하고 [제목]을 입력하지 않은 채 [저장] 버튼을 눌렀어.
그럼 "제목을 입력하세요" 라고 메시지를 보여 주면서 커서를 [제목]칸에 두고 전송을 하지 말아야겠지?
[저장] 버튼을 누렀을 때 제목을 체크하고, 없으면 서버로 전송 하지 않고 메시지를 보여 주도록 자바스크립트를 작성하면 돼.

"어? 그건 PHP가 하는 일 아냐?"
맞아. 날카로운 지적이야. 이런 작동은 자바스크립트 없이 PHP 로도 충분히 할 수 있어.
일단 입력내용을 서버로 보내면 서버에서 PHP로 체크한 뒤 제목이 없으면, 메시지를 주고 현재 페이지를 다시 보여 주어도 돼.
그런데 PHP 로 하려면 일단 서버로 보내야 해.
그리고 제목이 없으면 다시 현재 페이지를 브라우저에 다시 보내 주는 방식이야.
결국 서버와의 통신이 두 번 일어나야 해. 입력한 내용을 POST 로 보낼 때 한 번, 서버에서 체크한 뒤 결과를 다시 보내 줄 때 한 번.
그런데 자바스크립트를 이용하면 서버로 보내기 전에 체크를 할 수 있어.
훨씬 효율적이지.

이 처럼 자바스크립트로 하는 많은 작업은 PHP 로도 할 수 있어.
주로 서버에 접속해서 어떤 내용을 가져 오는 작업(예: 게시글 보여주기, 입력내용 저장..)들은 PHP를 많이 사용하고, 일단 가져 온 페이지를 가지고 조작하는 작업은 자바스크립트를 많이 사용해.
보통 PHP 는 Html 을 만드는 역할을 주로 하고, 자바스크립트는 이렇게 PHP가 만들어 보내 준 Html,css를 사용자의 행동에 따라 조작(숨기기, 보이기, 움직이기, 내용 바꿔치기..등)하는 역할을 담당해.
내 홈페이지에서 어느 방법이 효율적인지 판단하고 결정하는 것은 여러분의 몫이야.

또 자바스크립트를 사용하면 장점이 서버의 부하를 상당히 줄일 수 있어.
왜냐하면 자바스크립트는 서버에서 작동하는 언어가 아니고 내PC의 브라우저에서만 작동하는 언어이기 때문이야.
웹 프로그램은 보통 여러 사용자들이 동시에 접속해서 사용해.
서버의 일을 자바스크립트가 대신 하면 서버가 가벼워 지기 때문에 더 많은 사용자들이 접속할 수 있고, 서버를 더 쾌적하게 사용할 수 있어.
그러므로 서버 없이 자바스크립 코드 만으로도 여러가지 프로그램을 만들 수 있어.

정리해 보면 '자바스크립트'는 내PC 의 브라우저에서 작동하는 언어야.
PHP는 서버에서 작동하는 프로그램이고..
이 두가지를 잘 섞어서 만드는 것이 바로 '웹프로그램' 인거야.

■ 자바스크립트 학습방법

앞서도 이야기했지만 '자바스크립트' 는 결코 쉽지 않아.
Html CSS 를 공부해서 재미있다고 한 사람들도 여기에 와서 좌절하고 포기하는 사람들이 아주 많아.
학습서를 봐도 정말 재미없고..

큰 맘 먹고 500 페이지쯤 되는 학습서를 하나 사서 봐도 변수가 뭐고, 조건문, 반복문, 함수, 객체 같은 개념을 설명하는 것들이 대부분인데 내용이 너무 많아 한 권 마치기가 결코 쉽지 않아.
더 큰 문제는 이렇게 열심히 공부해도 "도대체 이걸 어디에 어떻게 써먹으라 것인지?.."
책은 나쁘다는 것이 아니라 나는 공부할 때 그랬어.

그래서 내가 추천하는 방법은 다음과 같아.
우선 가장 기초적인 문법만 배우고 현장에 바로 써먹는 거야.
즉 모르면 우선 복사라도 해서 브라우저에서 작동되게 하고 코드는 나중에 이해하자는 거지.
화면에서 보이는 결과를 보고 코드를 보면 이해가 훨씬 쉬워.
그리고 "이런 문법과 코드들을 이럴 때 쓰는구나.." 라는 것도 몸으로 습득할 수 있고.

이 강의는 여러분에게 감과 재미를 붙여 주는게 목적이야
. 자바스크립트의 전체 명령어가 1,000개 쯤 된다면(1,000개도 넘을 걸?) 그중에서 가장 많이 사용하는 20개 정도만 사용해서 화면을 조작해 볼거야.
"아~ 이런식으로 작동하는 거구나.."
여기까지 알게 하는 것이 이 강의의 목표야.
그리고 다음에 다른 학습서를 보도록 해. 그러면 공부할 때 그림이 머리 속에 그려 지면서 이해가 쏙쏙 될거야.

이미 PHP 를 공부해 본 사람이라면 다행인 점은 두개의 느낌이 아주 비슷해.
처음 변수 정의하는 것만 약간 다르지 문법으로 들어가 if 조건문, for 반복문, swich 조건문, 함수 같은 것들은 사용법이 거의 비슷해.
자, 시작해 볼까?..