(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   2639
46 인라인 요소에 맞는 코딩 title: [ani]깜빡이는 표정빽짱구 2009-02-17   8457
45 찾아보기 버튼모양 바꾸기 이병준 2010-05-27   7840
44 best of best css로 폼태그 사용시 공백없애기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 56 7691
43 셀렉트박스 (selectbox) 세로크기 file title: [ani]깜빡이는 표정빽짱구 2011-05-12   7516
42 best of best 다국어 html 코딩 title: [ani]깜빡이는 표정빽짱구 2006-03-31 46 7299
41 이미지 마우스 오버시 아이콘뜨는거 없애기 title: [ani]깜빡이는 표정빽짱구 2006-05-28 19 7218
40 textarea 속에 내용넣기 (마우스 클릭시 사라짐) title: [ani]깜빡이는 표정빽짱구 2006-01-30 6 6901
39 자바스크립트 6일차 For문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 6472
38 모바일 코딩시 손가락으로 확대/축소 가능하게 할려면? title: [ani]깜빡이는 표정빽짱구 2012-08-06   6416
37 페이지 넘기기 부드럽게 [12] 아트리147 2009-10-31   6370
36 자바스크립트 2일차 var(변수) title: [ani]보라색 나비바비인형 2005-04-09 13 6342
35 유용한 HTML 태그 레퍼런스 사이트 [1] bumphy 2009-10-29   6161
34 랜덤으로 바뀌는 이미지 title: [ani]깜빡이는 표정빽짱구 2006-03-08 8 5822
33 브라우저 리셋 CSS [2] 이병준 2010-05-27 1 5816
32 글자 중간에 선을 그어주는 del 태그 [1] title: [ani]깜빡이는 표정빽짱구 2011-07-13   5803
31 정규식 실시간 웹테스터 입니다 컴센스 2010-05-27   5535
30 best of best 아이프레임시 뒷배경 투명처리및 불투명처리 title: [ani]깜빡이는 표정빽짱구 2004-02-28 20 5516
29 자바스크립트 5일차 if 중첩과 switch과 for문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 5433
28 이미지 없이 점선테이블로 만들기 title: [ani]깜빡이는 표정빽짱구 2006-01-07 6 5390
27 스크립트 한 줄로 IE6 죽이기 [2] 이병준 2010-05-27   5354