자바스크립트&제이쿼리 국비수업(그린컴퓨터학원) 내용 중 변수에 대해서 정리해보자

변수

변수(변할 가능성이 있는 수)

• 변수와 상수
  1. 내가 좋아하는 과일(변수) <-> 바나나(상수)
  2. 내가 가장 좋아하는 과일(A) = "바나나"(B)
• var : 변수를 만든다 라는 뜻의 keyword
• 대입연산자(=)
  1. var A = B : B를 변수 A에 저장한다, 할당한다
• JS 메모리 안에 변수라는 공간을 만들어서 상수를 그 안에 넣는다. 저장한다.
• 변수에는 문자, 숫자 등 모든 데이터가 저장 가능하다.

var myFruit = "Banana";  
alert(myFruit);
> 출력 : 알림창에 myFruit이 출력된다

• 원래 var로 만든 변수(메모리)를 불러와서 다른 상수를 저장하는 경우
  1. myFruit = "watermelon";
  2. 바나나는 지워지고 watermelon이 저장된다

활용 : a가 계속 바뀌고 식이 무한대로 많아질 때, 유용해진다
    
var a = 50;

alert(a+10);
alert(a(a*10)+10);
alert(a(a/10)+10);
   

prompt();

사용자에게 물음을 던지는 도구

• 사용자에게 물음을 던지는 도구 : 사용자가 입력한 대답을 보관하고 있다고 생각하면 됨
• prompt("당신의 키를 입력해주세요.");
• 사용자가 입력한 답을 변수에 저장할 수 있음
• var a = prompt("당신의 키를 입력해주세요");

  prompt창에 사용자가 입력한 value는 숫자든 문자든 JS는 데이터 형태를 string으로 인식

Number();

데이터 타입을 숫자데이터 형태로 변경하는 키워드

• var a = Number(prompt("당신의 키를 입력해주세요")); > prompt창에 입력한 키(숫자)를 string에서 number로 데이터 형태를 변경하여 변수 a에 저장
• alert(typeof(a)); > 출력 : number

document.write();

화면에 결과를 표현하는 도구

• 괄호 안에 있는 contents를 body tag에 넣어주는 것
• document.write("안녕하세요");
• document.write("

  ["+c+"님의 국영수 평균점수는"+g+"입니다.]

  ");

응용

활용문제 1

• 국어점수 70점, 영어점수 70점, 수학점수 90점일 때, "지연비님의 평균점수는 @@점입니다"를 창에 띄워보세요

var scoreKo = 70;
var scoreEn = 70;
var scoreMath = 90;
var scoreAver = (scoreKo+scoreEn+scoreMath)/3;
document.write("지연비님의 평균점수는 "+scoreAver+"점 입니다");

활용문제 2

• 홈페이지에 사용자에게 이름과 국어, 수학, 영어 점수를 물어보고 평균값을 계산해서 알림창을 통해 나타내보세요

• 알림창 예시 : [지연비님의 국영수 평균점수는 90점 입니다.]

• 내가 작성한 코드
  var c = prompt("이름을 알려주세요");
  var d = Number(prompt("국어점수는 몇점입니까?"));
  var e = Number(prompt("수학점수는 몇점입니까?"));
  var f = Number(prompt("영어점수는 몇점입니까?"));

  var g = (d+e+f)/3

  alert("["+c+"님의 국영수 평균점수는"+g+"입니다.]");

• 출력화면