(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 자바스크립트 6일차 For문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 6472
45 자바스크립트 5일차 if 중첩과 switch과 for문 [1] title: [ani]보라색 나비바비인형 2005-04-13 13 5433
44 자바스크립트 2일차 var(변수) title: [ani]보라색 나비바비인형 2005-04-09 13 6342
43 아이프레임 title: [ani]깜빡이는 표정빽짱구 2004-02-17 12 3530
42 타이틀바 꾸미기2 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-18 10 3793
41 움직이는 타이틀바 title: [ani]깜빡이는 표정빽짱구 2004-04-18 10 3973
40 랜덤으로 바뀌는 이미지 title: [ani]깜빡이는 표정빽짱구 2006-03-08 8 5822
39 hit th 태그와 td 태그의 차이점 [2] title: [ani]깜빡이는 표정빽짱구 2005-12-07 7 11507
38 textarea 속에 내용넣기 (마우스 클릭시 사라짐) title: [ani]깜빡이는 표정빽짱구 2006-01-30 6 6901
37 이미지 없이 점선테이블로 만들기 title: [ani]깜빡이는 표정빽짱구 2006-01-07 6 5390
36 풀스크린 띄우기 title: [ani]깜빡이는 표정빽짱구 2006-01-01 6 4751
35 HTML 문서의 공통 구조 title: [ani]깜빡이는 표정빽짱구 2006-03-23 5 4875
34 링크된곳 마우스 올렸을때 상태표시줄에 내용표시하기 title: [ani]깜빡이는 표정빽짱구 2006-03-12 5 5178
33 새창을 열면 현재창 닫히는소스 title: [ani]깜빡이는 표정빽짱구 2005-11-24 4 4575
32 브라우저 리셋 CSS [2] 이병준 2010-05-27 1 5816
31 반응형 캘린더 소스 [1] title: [ani]깜빡이는 표정빽짱구 2018-09-16   558
30 html 인라인요소와 블록요소 title: [ani]깜빡이는 표정빽짱구 2016-06-03   375
29 모바일 키패드 입력창 title: [ani]깜빡이는 표정빽짱구 2016-02-16   646
28 모바일 코딩시 확대 축소(가능, 불가능) title: [ani]깜빡이는 표정빽짱구 2014-07-21   1197
27 아이폰에서 숫자 사이즈 title: [ani]깜빡이는 표정빽짱구 2014-02-06   1916