k 1 - JavaScript 02. Variables

*🔐Study Keyword :

✅: 🔑변수(선언 및 할당)와 🗝️변수의 데이터 타입(기본, 참조형)에 대해서 알아보자아!

- 02. 변수

-WHAT IS❓

변수란 데이터를 담아서 사용할 수 있는 대상을 의미한다.

-WHY & WHNE USE❔❕

변수데이터를 담아서 사용할 수 있는 대상을 의미한다. 자바스크립트에선 변수를 사용하여 특정한 값(데이터)을 저장할 수 있습니다.

-HOW TO USE❕❓

-변수 선언하는 것과 값을 대입하는 것은 별개이므로 값을 할당할 때 대입연산자(=)를 사용하는데 대입연산자는 오른쪽 항에 있는 값을 왼쪽에 있는 변수에 대입함을 의미한다.

<script>
let myNumber = 100; //숫자 100 대신 myNumber라는 식별자(변수명)을 사용한다는 의미이다.
let myNumber // 변수영역에 빈 공간을 확보하고 확보한 공간의 식별자(변수명)를 지정한다 = 선언(declare) 
myNumber = 100; // 변수에 데이터  를 담는다. 할당(assign)
let myNumber = 100; // 변수 선언과 할당을 진행
console.log(myNumber) // 100,선언과 할당을 마친 변수를 찍어볼 수 도 있다.
</script>

💡TIP)변수 이름 규칙

  • 변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 언더바, 달러기호 중 하나이다.
  • 두 번째 문자부터는 글자, 밑줄, 달러, 숫자 중에서 자유롭게 쓸 수 있다.
  • 자바스크립트에선 보통 변수이름, 함수이름을 camelCase(카멜케이스) 방식을 권장한다.
<script>
// camelCase표기법
let properCamelCase = "Variable";
let thisIsNumber = 2021;
console.log(properCamelCase, thisIsNumber)
</script>

- 02_1. 변수의 데이터 타입

WHAT IS❓ 변수의 데이터 타입은 기본 타입과 참조 타입으로 나뉜다.
-기본 타입에는 Number, sting,boolean,undefined,null 등의 타입이 있고
-참조타입에는 object, array, function과 같은 타입이 있다.

- 기본 타입

‣ Number

WHAT IS❓ 숫자를 다루는 데이터 타입으로 숫자를 이용해 사칙연산이 가능하다.

  • HOW TO USE❕❓
<script>
let number1 = 100;
let number2 = 200;
console.log(7 % 2)//1 reminder로, 나머지 값
console.log(`100 plus 200 equals to ${number1+number2}`) // 100 plus 200 equals to(strging) 300(number)
console.log(`number: ${number1}`) // number1(string) : 100(number)
</script>

‣ String

WHAT IS❓ 문자를 다루는 데이터 타입으로 문자열이라 부른다.

  • HOW TO USE❕❓
    -'',"",``백틱을 값싸 사용하며 안의 공백도 인식된다.
    -문자열을 합칠 떈 '+' 연산자, 합칠 수 도 있다.
    -length메소드로 문자열의 길이를 알아낼 수 도 있다.
    -num 데이터 타입 + string 데이터 타입 = string 데이터타입이 나온다.
<script>
let firstName = "kim"
let lastName ="MinJae"
let fullName = firstName + lastName // kimMinJae, '+'엱산자로 문자열 합치기
console.log(fullName.length) //9, .length메소드로  문자열길이 알아내기
</script>

‣ Boolean

WHAT IS❓ 불린형은 참과 거짓을 데이터로 표시한 것으로 true와 false로 나타난다.

  • HOW TO USE❕❓ 참과 거짓을 구별 할 때 주로 사용된다.
<script>
let myAns = true;
let yourAns = false;
</script>

‣ Undefined & Null

WHAT IS❓
-Undefined : 변수가 처음 선언된 경우 초기 값으로 undefined, 정의되지 않은 값을 가지는데undefined는 선언은 됐지만 아직 value가 할당되지 않음을 의미한다.
-Null : null은 '빈값(blank)'을 의미하는데 이는 할당된 value이다.

  • HOW TO USE❕❓
<script>
console.log(typeof null);       // object, 값이 없음이라는 할당된 value이기 때문에 object가 출력된다.
console.log(typeof undefined);  // undefined
</script>

- 참조 타입

‣ Array

WHAT IS❓ 배열다양한 타입의 값이 나열되어 모여있는 데이터 타입이다.

  • HOW TO USE❕❓ [], 대괄호안에 원하는 타입의 값을 각 요소에 넣어준다.
<script>
let studentsName = ['jamie' , 'minjae' , 'kim'];
</script>

‣ Object

WHAT IS❓ 객체특정한 데이터를 저장할 때 키(이름)와 밸류(값)라는 프로퍼티 데이터가 모여있는 데이터 타입이다.

  • HOW TO USE❕❓ {}, 중괄호 안에 키와 밸류 쌍으로 묶여있는 데이터를 넣어준다.
<script>
let myObject = {
	name: 'jamie',
    isDeveloper : true;
}
</script>

‣ Function

WHAT IS❓ 함수작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차인 데이터 타입이다.

  • HOW TO USE❕❓ 함수은 function 함수명 (매개변수 목록,...){//함수가 담당할 기능 }와 같이 사용해 정의(=함수 선언, 함수의 이름을 지어주는 과정)하며 이를 호출(=함수가 무엇을 할지 지정)하기 위해선 함수명(매개변수 목록,...) 과 같이 쓴다.
<script>
funcion myNameFuc() {// 함수 선언
	let name: 'jamie',
	console.log(name)
    return name
}
myNameFunc();// 함수 호출
</script>

*💡conclusion

변수에 대해서 그리고 변수의 데이터 타입들에 대해서 잘 알아두자자자

#📑Study Source

  1. weekcode 강의 중 내용

좋은 웹페이지 즐겨찾기