본문 바로가기
푸른지성의 작업실/IT이야기

블로그 스킨 만들기 #1 자바스크립트? 그게 뭐야??

by 푸른지성 2014. 9. 5.
반응형

블로그 스킨이란?

HTML과 CSS로 이루어진 하나의 세트를 이야기합니다.

블로그의 각 페이지에 해당하는 HTML코드와, 그 HTML들의 디자인을 바꿔주는 CSS가 모두 들어있는 것을 블로그 스킨이라고 합니다.


우와!!! 너무 어렵다!!!!

그냥 남이 만들어준거나 써야지 =_=//

.... 

남이 만들어놓은 스킨은 뭔가.... 한계가 있습니다.

내가 원하는 기능이 없어요!!!

난 메인페이지에서 모든 사람들에게 "안녕하세요 ^0^/" 라는 메세지가 나오도록 했으면 좋겠는데...

도대체 "안녕하세요 ^0^/"는 어떻게 나오게 하는건지 =_=...

시작부터 난감합니다.


이 "안녕하세요 ^0^/"를 뿅! 하고 나오게 하는 담당을 하는 것이 바로 Javascript (자바스크립트) 라고 합니다.

Javascript는 간단한 알림창을 나오게 하는 것 부터 시작해서, 이 블로그내 블로트 서비스처럼 페이지 자체를 만들어낼 수 있는 

인터넷 웹서비스와 땔래야 땔 수 없는 그런 것입니다.


Javascript의 기원은 Java 라는 프로그래밍 언어입니다.

Java는 우리가 흔히 알고 있는 안드로이드OS나, 사파리, 구글크롬, 그리고 각종 모바일 앱을 포함한 전세계의 모든 프로그램들을 만들어 낼 수 있는 프로그래밍 언어입니다.


그럼 Java와 Javascript의 관계는???

Java를 웹상에서 구현할 수 있도록 프로그래밍 언어보다는 쉬운 스크립트 레벨까지만 사용이 가능하도록 제작된 스크립트 언어입니다.

하지만 실제로 문법이나 구조가 Java와 Javascript는 비슷하게 사용됩니다.


프로그래밍 언어? 스크립트 언어?

이게 참 애매한 부분에 위치하게 됩니다.

단순히 지금 보고 있던 웹페이지 내에서만 동작이 되던 간단한 Script언어였던 Javascript가 Ajax와 같은 온라인 양방향 연동형 소스가 등장하면서부터

거의 프로그래밍 언어 수준까지도 올라오게 되었습니다.

하지만 자바스크립트는 어디까지나 그 페이지. 해당 웹브라우져 내에서만 통신을 하기 때문에 우리는 Javascript를 스크립트 언어라고 부릅니다.


뭔가 말이 참 어렵네... =_=.... 때려치워!!!!

네네~ -_- 시작하겠습니다.

"안녕하세요 ^0^/" 를 알림창으로 띄우기 위해선 아래의 소스를 입력하면 됩니다.

<script>
alert('안녕하세요 ^0^/');
</script>


너무 간단하죠?

물론 표준문법으로 작성하려면

<script type='text/javascript'>
alert('안녕하세요 ^0^/');
</script>

라고 해야합니다.

<script>와 </script> 사이에 자바스크립트가 들어가게 됩니다.

때에 따라서는 asp스크립트나 기타 다른 스크립트가 동작을 할 수도 있으므로 이 스크립트의 타입(type)은 javascript이다를 써줘야 좋습니다.

alert(' '); 안에 알림창으로 띄울 말을 작성하면 알림(영어로 alert)이 뜨게 되는거죠 ^^


사실 따지고 보면 간단합니다!

긴 프로그램들도 자세히 각 라인들을 보면 다 이런 구조입니다.

alert() for() while() console() switch() if() appendChild() insertBefore() 같이

딱 보면 의미를 알수 있을만한 영어단어에 괄호를 치는 형식으로 진행됩니다.

단지 영어에 기호들로만 표기되어 접근이 어려운 것 뿐이지, 실제로 파고들어보면 간단한 구조입니다.


자 이제 껍데기를 훑어봤으니 디테일하게 들어가보죠!



다음편에 계속!


반응형

댓글