(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
번호 제목 글쓴이 날짜 추천 수 조회 수
공지 모바일 코딩하시는 분들 참고하세요. title: [ani]깜빡이는 표정빽짱구 2014-05-07   2639
26 hit best of best input 태그를 이미지버튼으로하기 title: [ani]깜빡이는 표정빽짱구 2006-04-22 20 10331
25 best of best 다국어 html 코딩 title: [ani]깜빡이는 표정빽짱구 2006-03-31 46 7299
24 플래쉬 아래로 레이어가뜰때 해결방법 title: [ani]깜빡이는 표정빽짱구 2006-03-28 17 5078
23 best of best css로 폼태그 사용시 공백없애기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 56 7691
22 HTML 문서의 공통 구조 title: [ani]깜빡이는 표정빽짱구 2006-03-23 5 4875
21 링크된곳 마우스 올렸을때 상태표시줄에 내용표시하기 title: [ani]깜빡이는 표정빽짱구 2006-03-12 5 5178
20 랜덤으로 바뀌는 이미지 title: [ani]깜빡이는 표정빽짱구 2006-03-08 8 5822
19 textarea 속에 내용넣기 (마우스 클릭시 사라짐) title: [ani]깜빡이는 표정빽짱구 2006-01-30 6 6901
18 이미지 없이 점선테이블로 만들기 title: [ani]깜빡이는 표정빽짱구 2006-01-07 6 5390
17 풀스크린 띄우기 title: [ani]깜빡이는 표정빽짱구 2006-01-01 6 4751
16 hit th 태그와 td 태그의 차이점 [2] title: [ani]깜빡이는 표정빽짱구 2005-12-07 7 11507
15 새창을 열면 현재창 닫히는소스 title: [ani]깜빡이는 표정빽짱구 2005-11-24 4 4575
14 자바스크립트 6일차 For문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 6472
13 자바스크립트 5일차 if 중첩과 switch과 for문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 5433
12 자바스크립트 4일차 조건문 if [2] title: [ani]보라색 나비바비인형 2005-04-12 17 4751
11 자바스크립트 2일차 var(변수) title: [ani]보라색 나비바비인형 2005-04-09 13 6342
10 타이틀바 꾸미기2 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-18 10 3793
9 움직이는 타이틀바 title: [ani]깜빡이는 표정빽짱구 2004-04-18 10 3973
8 회원가입시 나이제한하기 title: [ani]깜빡이는 표정빽짱구 2004-03-29 16 3788
7 best of best 아이프레임시 뒷배경 투명처리및 불투명처리 title: [ani]깜빡이는 표정빽짱구 2004-02-28 20 5516