[JS] 변수 선언 & 값 할당

변수란?

값이 여러 번 달라질 수 있는 데이터.

<->(반대로) 상수란, 값을 한 번 지정하면 바뀌지 않는 데이터

나이 = 올해 연도 - 태어난 연도 + 1

 

      = 값이 언제든 변하는 '변수'

      = 값이 항상 일정한 '상수'

 

 

변수 선언 규칙

• 영문자, 언더스코어(_), 숫자를 사용
• 첫 글자는 영문자, _ 기호, $기호를 사용
• 띄어쓰기나 그외 기호는 x
  
  • Ex) today, _today, today24 (사용 가능)
  • Ex) 24today, today 24, *today (사용 불가)
• 여러 단어를 연결할 때는 하이픈이나 언더스코어, 대문자 혼용 가능
  • Ex) total-area, total_area, totalArea 등
• 변수 명은 의미있게 작성

 

변수 선언 

• (단일 변수) var + 변수
  • var currentyear;
  • var birthyear;
  • var age;
• (복수 변수) var + 변수1, 변수2, 변수3, ...  
  • var currentyear, birthyear, age;

 

변수에 값 할당

'=' 기호 다음에 해당 값을 저장 (따로 or 같이)

1-따로) var birthyear;  // 태어난 연도 변수 선언 

    birthyear = 1995;  // 변수에 값 할당

 

2-같이) var birthyear = 1995;  // 변수 선언과 함께 값 할당

 

---

변수 선언 & 값 할당을 통한 나이 계산기

	var currentyear = 2022;
	var birthyear = 1997;
	var age;

	age = currentyear - birthyear + 1;
	document.write(currentyear + "년 현재 <br>")
	document.write(birthyear + "년에 태어난 당신의 나이는" + age + "세 입니다.")

위에서 변수 선언과 값 할당을 어떻게 하는지 알아보았다.

이제 위 방식을 이용해서 나이계산기를 만들어 보자 ㅎ_ㅎ

 

변수: currentyear, birthyear, age 총 3가지로 뒀고

올해 연도 - 출생 연도 + 1 한 식 값을 age란 변수에 할당해줬다

'이렇게해서 얻어진 최종 값(=나이)을 텍스트로 브라우저상에 보여줘!' 요청

 

 

🎉 출력 모습 🎉

html을 통해 간단한 텍스트 형태로도 나타낼 수 있겠지만,

자바스크립트를 사용해서도 위와 같이 나타낼 수 있다는 게 정말 놀랍다 ! 😆

 

후후 이외에도 많은 것들을 배웠는데 어서 차차 올려봐야겠다.!!

다음번엔 for 문을 활용한 구구단표 만드는 방법을 리뷰해볼까 한다