JS - 02_Variables

송철진·2022년 9월 10일
0

01. 변수 선언하기

👉 let 키워드를 앞에 붙여 변수를 선언할 수 있다

	//변수명은 aaa이며 값은 apple이다.
	let aaa = "apple";
    
    //콤마(,)를 이용해 한꺼번에 출력할 수도 있다.
    console.log("사신은 ", aaa, "밖에 먹지 않는다");

Assignment

1) let 키워드를 사용하여 myName변수를 선언해주세요.

	let myName;	

2) myName변수의 값으로 "JavaScript"를 할당해주세요.

	let myName = "JavaScript";

3) myName에 담긴 값을 console.log를 활용하여 콘솔창에서 확인해보세요.

	let myName = "JavaScript";
    console.log(myName);

02. 변수와 대입연산자

👉 변수(variable)에 대입연산자(=)를 사용해 값을 할당할 수 있다

Assignment

1) 변수 a의 값으로 7을 대입해주세요.
2) 변수 b의 값으로 a를 할당해주세요.
3) 변수 b를 console.log로 출력해서 어떤 값이 담겨 있는지 확인해주세요.

	let a = 7;
	let b = a;
	console.log(b);

03. 값이 할당되지 않은 변수

👉 변수는 처음 선언 시 정의되지 않은 값, 'undefined'를 초기값으로 가짐
👉 변수 선언과 값 대입은 별개이므로 선언된 변수가 특정 값을 가지려면 대입연산자(=)로 값을 할당해주어야 함

  • 함수의 리턴값으로 변수 a + b + c의 값을 반환하게 되어 있으나 숫자가 아니기 때문에 NaN(Not a Number)으로 나오는 것을 확인할 수 있다

Assignment

1) 변수 a 의 값으로 "Hello "를 대입해주세요.
2) 변수 b의 값으로 "World, "를 대입해주세요. (띄어쓰기를 지켜주세요.)
3) 변수 c의 값으로 2021를 대입해주세요.
4) Run 버튼을 눌러 콘솔창에 "Hello World, 2021"이 나타나는 것을 확인해주세요.

	let a = "Hello";
    let b = "World, ";
    let c = "2021";
    console.log(a+b+c)

04. 변수 이름 정하기

👉 대소문자 구분
👉 첫번째 문자: 글자 _ $
👉 두번째~문자: 글자 _ $ 숫자
👉 함수이름, 변수이름 표기법

  • 카멜케이스(camelCase, CamelCase): 추천⭐️
  • 스네이크케이스(snake_case): 잘 안 씀

데이터 타입

  • 기본 타입:

    • Number(숫자)
     let number1 = 123;
      let number2 = 2
      let number3 = number1 % number2;
      console.log(number3);		// 1
    • String(문자열, 따옴표('',"")로 감싸줌)
      console.log('안녕하세요')	// 안녕하세요
    • Boolean(true,false)
    	let aaa = true;
    	console.log(aaa);	// true
    • Undefined
    • Null
  • 참조 타입:

    • Object(객체): 특정 데이터에 이름(key)을 붙임 {key: value}
    	let myBook {
      	title: 'Sense and Sensibility',
          isWriterKorean: false
      }
      console.log(myBook);	
      // {title: 'Sense and Sensibility, isWriterKKorean: false'}
    • Array(배열): 단순 데이터의 나열 [123, true, 'i']
    	let fruitArray [
      	'apple',
          100,
          '개'
      ]	
      console.log(fruitArray);	// [ 'apple', 100, '개' ]
    • Function
    	function myFunction () {
      	let name = 'scroll';
          console.log(name);
      	return name;
      }

05. Null & Undefined

👉 둘다 '값이 없다'라는 의미

	console.log(null == undefined);   // true 의미 동일
	console.log(null === undefined);  // false 타입 다름

👉 null은 사용자가 부여한 'blank', undefined는 JS엔진이 부여한 것

	let apple;			// undefined
    let banana = null; 	// js엔진은 null 부여 못함

👉 null의 타입은 object, undefined의 타입은 undefiend

js 문법 검색하기 예

  • 나머지 계산: javascript how to calculate remainder
profile
검색하고 기록하며 학습하는 백엔드 개발자

0개의 댓글