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

일본 생활기/푸른지성의 IT이야기

2014.09.05 19:17


블로그 스킨이란?

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() 같이

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

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


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



다음편에 계속!


저작자 표시 비영리 변경 금지
신고
Posted by 푸른지성
댓글을 달아 주세요
  1. 뻐래리주인
    2014.09.05 22:39 신고

    ㅎㅎㅎ~ 추석이라 그런쥐....날씨도...블로그도...좀 썰렁해 보이네요~
    꽉차게 채워볼까요~~ㅎㅎㅎ~
    아~~ 간만에 들어보는...그리 낮설쥐..않은 용어네요..ㅎㅎ~ 저도 한 때 IT계열 전공자로서...개발자를 꿈꿨던 적이 있더랬죠...
    목구녕이 포도청이라....빨리 돈벌 수 있는 일을 해야 했기에...포기하고 말았지만...그 때 그 시절..공부 할 때는 정말..신기하고
    잼있던 시간였습니다...ㅎㅎ~
    저도...개발 언어를 넘 좋아해서 이것 저것 않해본 것이 없던 것 같아요~

    대학때는 조그만...써클 하나 만들어서...웹 보안 기술을 연마하려 노력했던 기억도...가물가물~ 나네요~ㅎ(젤로..공부하기 힘들었던 기억.)
    지금...저의 책상 옆의 책 꽃이에는...먼지만 푹푹~ 쌓인...추억의 전공 서적덜...JAVA..PHP...XMS...VC++..C#...DELPHI..등등..이 보이네요ㅎㅎㅎ~

    해봤던 것 중에...가장 애착이 가고...오래 공부했었던...c언어...델파이....그리고...한참 후에 나온...아이폰 IOS 개발툴덜.....
    이중에...c언어와 델파이로 학생 때 알바로 일반 상점등의 가계부 프로그램을 개발해서...용돈도 챙긴?...추억이 있었죠...ㅎㅎㅎ..그 때 생각하면..얼굴이....부끄부끄~ㅎㅎ;

    그래서.....저는 나름..개발자의 시선으로...푸른지성님이 얼마나 힘들지....
    애로사항을 어느 정도 짐작하고...이해할 수 있어요~(싸랑해요~ㅜㅜ;; 힘내시고~ㅎㅎ)
    • 2014.09.05 23:25 신고

      너무 설렁해요 ㅠ.ㅠ
      개발자 출신이시군요! 멋져요 +_+!!
      저도 전직하고 싶은 마음은 굴뚝같습니다. ㅠ.ㅠ
      10몇년동안 해먹고 산게 이것밖에 없어서 이제는 바꿀수도 없네요 ㅠ.ㅠ
  2. 2014.09.10 10:08 신고

    안녕하세요

    혹시 javascript 를 할 때 한글 이라는 언어 설정 안해도 되나요?

    겨우 2주 전에 javascript/css/html/jquery를 배우기 시작했는데 영문으로 프로그래밍하는데 다른 나라 언어를 화면에 나오게 하려면 언어 설정 해야 한다고 하는데 설정해야 하나요?
    • 2014.09.10 12:04 신고

      ^^ 자바스크립트는 따로 언어설정을 할 필요가 없어요.
      대신 html의 meta 태그로 페이지의 charset정도는 지정해줄 수 있지만,
      그건 언어설정이 아니라, 페이지를 어떤 환경에서 만들었느냐가 되므로 다른 이야기네요 ^^

댓글 작성


티스토리 툴바