(x)html 관련된 팁을 공유하는 공간입니다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 66

13

조회 수 : 6342 신고 : 0

작성자 : title: [ani]보라색 나비바비인형
포인트 : 19927 | 레벨 : 14
미리보기 :  
변수란 변하는 수라는거 다 아시죠..?
프로그램 실행시 처리 대상이 되는 자료나 처리된 결과를 기억시킬 기억 장소의 이름을 말합니다. 한마디로 가상메모리 생각하시면 됩니다.
변수를 내맘대로 지정해줄수 있습니다. 단,
1. 영문자.숫자. _ 만 사용할수 있고
2. 첫글자는 반드시 영문자 or _ 를 사용하셔야 하구요
3. 공백이나. 특수문자(*,?,! 등) , 예약어 는 사용할수 없습니다.
예약어는
final, throws, catch, function, var, const, void, with, in, static, document 등.. 대충 이정도로 보시면 됩니다.
변수 형식은
a = 10 (숫자), b="홍길동"(문자) -> 문자엔 반드시 양쪽에 작음따옴표나 이중따옴표 사용하셔야 해요.  이렇게 사용 됩니다.

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

간단하게 한가지 예를 들어 봅시다.

변수를 선언할땐 var 이라는 단어를 씁니다.

var x = 10

이라는 변수 선언을 봅시다.
var이라고 변수 선언을 해줬죠..?
그럼 x라는 변수 안에 10이 있다는거 한눈에 알수 있겠죠..

좀더 응용해서,

var a=10
var b=20, c=30
var sum=a+b+c

여기는 변수(저장되는 공간) 이 몇개나 필요 할까요..
a라는 변수 한개, b라는 변수 한개, c라는 변수 한개, sum이라는 변수한개 총 4개의 변수(저장소)가 필요 하죠..?

결과값이
a값:10
b값:20
c값:30
sum:60
이렇게 나오게 해봅시다.

저 데이터를 가지고 요리를 해봅시다.
(힌트는 문자와 숫자를 연결할땐 + 기호를 써줍니다.)

document.write("a값:"+a+"<br>")
document.write("b값:"+b+"<br>")
document.write("c값:"+c+"<br>")
document.write("합:"+sum)

설명을 하자면
첫번째
a값: 이라는 문자를 +가 아까 위에 연결해주는 연산이라고 했죠..
a값: 이라는 문자, a=10라고 위에 선언해주었죠.. 그러니 a값:10라고 출력하라고 써줬습니다. 그리고 한줄 밑으로 내려가게 하는 <br>태그를 써주고 처음과 끝에 마무리를 " " 를 찍어줍니다.
밑에도 마찬가지입니다...
끝에
document.write("합:"+sum)
이것도 마찬가지로
합: 이라는 문구에다 sum이라는 값을 넣어주라는 말이죠..
그런데 여기서 주의할점은 썸다음엔 아무것도 없는데 + 써주는 경우가
있는데.. 이거 반드시 에러 납니다.
이유는 왼쪽에서 오른쪽으로 실행을 시키는데 sum다음에 연결할게 없는데 연결하라는 연산자가 나오면 당연히 에러가 나죠..

이런 사소한거 하나에 에러가 뜨니 조심하셔야 합니다.

document 저렇게 길게 안쓰셔도 되고요
document.write("a값:"+a+"<br>b값:"+b+"<br>c값:"+c+"<br>합:"+sum)
이렇게 쭈욱 이어서 쓰셔도 됩니다.

간단하게 변수에대해서 알아봤습니다.

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

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜sort 추천 수 조회 수
공지 모바일 코딩하시는 분들 참고하세요. title: [ani]깜빡이는 표정빽짱구 2014-05-07   2640
46 링크된곳 마우스 올렸을때 상태표시줄에 내용표시하기 title: [ani]깜빡이는 표정빽짱구 2006-03-12 5 5178
45 HTML 문서의 공통 구조 title: [ani]깜빡이는 표정빽짱구 2006-03-23 5 4875
44 best of best css로 폼태그 사용시 공백없애기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 56 7691
43 플래쉬 아래로 레이어가뜰때 해결방법 title: [ani]깜빡이는 표정빽짱구 2006-03-28 17 5078
42 best of best 다국어 html 코딩 title: [ani]깜빡이는 표정빽짱구 2006-03-31 46 7299
41 hit best of best input 태그를 이미지버튼으로하기 title: [ani]깜빡이는 표정빽짱구 2006-04-22 20 10331
40 hit 마우스 드래그 금지태그 [2] title: [ani]깜빡이는 표정빽짱구 2006-04-26 16 11931
39 textarea 나 input 안에 글자 안써지게 하기 title: [ani]깜빡이는 표정빽짱구 2006-05-12 19 9052
38 이미지 마우스 오버시 아이콘뜨는거 없애기 title: [ani]깜빡이는 표정빽짱구 2006-05-28 19 7218
37 best of best input 에 마우스 오버/아웃시 배경바꾸기 title: [ani]깜빡이는 표정빽짱구 2006-07-25 20 9172
36 best of best 아이디 입력란에 탭키 눌렀을때 순서정하기 [2] title: [ani]깜빡이는 표정빽짱구 2006-09-28 25 8491
35 best of best CHECKBOX클릭시 지정된 내용 보여주기 title: [ani]깜빡이는 표정빽짱구 2006-10-17 42 9972
34 hit best of best Span 태그와 Div 태그 (HTML) [2] title: [ani]깜빡이는 표정빽짱구 2007-01-21 70 16641
33 best of best onfocus="this.blur()" 익스,파이어폭스에도 적용 title: [ani]깜빡이는 표정빽짱구 2007-02-21 33 9715
32 hit 글자위에 마우스 오버시 툴팁띄우기 file title: [ani]깜빡이는 표정빽짱구 2007-11-08   15177
31 hit HTML과 XHTML의 차이 [4] title: [ani]깜빡이는 표정빽짱구 2007-12-07   10444
30 hit png 으로 저장시 IE6에서 투명안될때 [2] title: [ani]깜빡이는 표정빽짱구 2007-12-12   11098
29 hit iframe대신 div를 응용해보자 [4] title: [ani]깜빡이는 표정빽짱구 2007-12-17   16352
28 hit DIV를 이용한 Display 핸들링 title: [ani]깜빡이는 표정빽짱구 2007-12-17   12661
27 hit 클릭시 현재 페이지에서 원하는곳으로 위치이동 title: [ani]깜빡이는 표정빽짱구 2008-04-30   11848