javascript 팁이 있는 곳입니다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 109

17

조회 수 : 6090 신고 : 0

작성자 : title: [ani]보라색 나비바비인형
포인트 : 19927 | 레벨 : 14
미리보기 :  
저도 배우는 입장이라..
제가 아는 분야 내에서 조금이나마 보탬이 되고자.. 이렇게 올립니다.
물론.. 아시는 분들도 있겠다만은..
그래도.. 모르는 사람들을 위해.. (헉..저만 모르는건가?^^)


────────────────────────────────

먼저, 자바스크립트란
Html과 마찬가지로 웹문서인 홈페이지에서 동작을 하는 웹기반의 프로그래밍 언어로 Html에 비해서 다양하고 강력한 기능을 가지고 있습니다.
자바스크립트는 혼자 프로그램을 돌릴수 없습니다..(html 안에서 종속되어서 돌아갑니다.)
그래서 html로만 해결할수 없는 문제인 사용자와 웹페이지의 상호작용을 가능하게 하기 때문에 html만을 사용하던 사용자에게 좀더 멋있는 효과를 홈페이지에 가져다 줄수 있는 훌륭한 보조도구로 이용됩니다.

먼저, 간단하게 예제를 하나 들어보겠습니다.
자바스크립트는 대부분 <head>와 </head>사이와, <body>와 </body>사이에 가장 많이 위치하고, 실행은 위에서 부터 실행이 차근차근 됩니다. 그러므로 여러가지 쓰실때는 이점 유의해야 합니다.

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--

여기에 자바스크립트 내용이 들어가겠죠?

//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

젤 간단한 문장 출력하는걸 해보겠습니다.
예를 들어서

나는 바비인형입니다.
만나서 반갑습니다.

이러한 문구를 찍어보도록 하겠습니다.

document.write("나는 바비인형입니다.")
document.write("만나서 반갑습니다.")

이런식으로 작성을 합니다. document.write 라는건
document라는 객체는 write()라는 메소드를 통해서 화면을 보여주는 겁니다.
괄호안에 문자인 나는 바비인형입니다 라는 문구를 출력하기 위해선
안에 반드시 " " 붙여 줘야 합니다. 안그러면 숫자로 인식하기 때문에 입니다.
그런데 저렇게 작성을 하시면 출력값은

나는 바비인형입니다.만나서 반갑습니다.

이렇게 한줄로 나올겁니다.
만나서 반갑습니다라는 문구를 밑으로 내려주기 위해선
html의 <br>태그를 써야 하는데 어디다 써야 할까요.
숫자를 제외한 모든것은 " " 따옴표 안에 넣어줘야 합니다.
즉,
document.write("나는 바비인형입니다.<br>")
document.write("만나서 반갑습니다.")
이렇게 하시고 출력하시면
이젠 제대로 나올겁니다.

여기서 또하나 주의할점은
" " 따옴표 안에 또하나의 " " 따옴표가 들어가선 절대 안돼요
에러 납니다.
이미지태그나, 폰트태그 등에 마니 쓰시는데요. 에러납니다.
링크주소 같은 경우는 ' ' 작은 따옴표를 이용하시면 됩니다.
저장은 html과 같게 저장하시면 되요
파일이름명.htm

주석처리는
한줄 주석일 경우에는 끝에 // 슬래시 두개만 붙이면 되구요
여러줄 주석일 경우엔 /* 여러문장일 경우에 (주석표시) */
이렇게 표기 합니다.

음...
이상으로 1일차 강좌 마칩니다..

글쓴이가 작성한 다른 게시물

소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '1'

profile
title: [ani]깜빡이는 표정빽짱구 (14372)

2005.04.09 18:41:42

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
109 best of best 레이어를 이용한 움직이는 공지 title: [ani]깜빡이는 표정빽짱구 2004-03-08 34 6650
108 best of best 클릭하면 메뉴가 나타나고, 다시 클릭하면 닫히는 소스 [1] title: [ani]깜빡이는 표정빽짱구 2004-10-31 33 5887
107 hit best of best 이미지가 서서히 변하는 롤오버 효과 title: [ani]깜빡이는 표정빽짱구 2006-08-30 32 14362
106 best of best 제자리에서 페이딩되면서 바뀌며보여주는 뉴스티커 title: [ani]깜빡이는 표정빽짱구 2006-01-07 32 8458
105 best of best 원클릭으로 클립보드에 저장하기 title: [ani]깜빡이는 표정빽짱구 2004-10-27 30 7497
104 hit best of best 따라다니는 톱버튼 (파이어폭스,익스지원) title: [ani]깜빡이는 표정빽짱구 2006-03-30 29 12901
103 best of best 타이틀을 랜덤으로 바꾸기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 29 9810
102 hit best of best 아이프레임 크기 자동조절 [1] title: [ani]깜빡이는 표정빽짱구 2006-05-02 28 12024
101 best of best 통통 티는 탑버튼 만들기 title: [ani]깜빡이는 표정빽짱구 2005-03-19 23 6047
100 hit best of best 자동으로 년도,월,일,요일,시간 나오게 하기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 22 10948
99 best of best 텍스트 타이핑효과 title: [ani]깜빡이는 표정빽짱구 2004-04-22 22 5989
98 best of best 메트릭스 효과 문자 title: [ani]깜빡이는 표정빽짱구 2004-04-21 22 4921
97 best of best 스크롤되는 배너 title: [ani]깜빡이는 표정빽짱구 2005-03-26 21 9659
96 best of best 따라다니는 탑버튼 title: [ani]깜빡이는 표정빽짱구 2004-02-28 21 6185
95 best of best 위에서 아래로 떨어지는 메뉴 title: [ani]깜빡이는 표정빽짱구 2004-10-31 20 6104
94 best of best 출렁거리며 내려오는 공지창 title: [ani]깜빡이는 표정빽짱구 2004-04-19 20 5014
93 best of best 상태표시줄 바꿔보자2 title: [ani]깜빡이는 표정빽짱구 2004-02-07 20 4778
92 손님이 원하는색을 입력받아 배경화면으로 적용하기! title: [ani]깜빡이는 표정빽짱구 2004-02-29 19 4744
91 링크주소 가리기소스 title: [ani]깜빡이는 표정빽짱구 2004-07-21 18 7150
90 떨어지는 낙역또는 눈 title: [ani]깜빡이는 표정빽짱구 2005-11-28 17 5453