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
- weekcode 강의 중 내용
Author And Source
이 문제에 관하여(k 1 - JavaScript 02. Variables), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@minj9_6/Week-1-JavaScript-02.-Variables
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
WHAT IS❓ 변수의 데이터 타입은 기본 타입과 참조 타입으로 나뉜다.
-기본 타입에는 Number, sting,boolean,undefined,null 등의 타입이 있고
-참조타입에는 object, array, function과 같은 타입이 있다.
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>
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>
WHAT IS❓ 불린형은 참과 거짓을 데이터로 표시한 것으로 true와 false로 나타난다.
- HOW TO USE❕❓ 참과 거짓을 구별 할 때 주로 사용된다.
<script>
let myAns = true;
let yourAns = false;
</script>
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>
WHAT IS❓ 배열은 다양한 타입의 값이 나열되어 모여있는 데이터 타입이다.
- HOW TO USE❕❓ [], 대괄호안에 원하는 타입의 값을 각 요소에 넣어준다.
<script>
let studentsName = ['jamie' , 'minjae' , 'kim'];
</script>
WHAT IS❓ 객체는 특정한 데이터를 저장할 때 키(이름)와 밸류(값)라는 프로퍼티 데이터가 모여있는 데이터 타입이다.
- HOW TO USE❕❓ {}, 중괄호 안에 키와 밸류 쌍으로 묶여있는 데이터를 넣어준다.
<script>
let myObject = {
name: 'jamie',
isDeveloper : true;
}
</script>
WHAT IS❓ 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차인 데이터 타입이다.
- HOW TO USE❕❓ 함수은
function 함수명 (매개변수 목록,...){//함수가 담당할 기능 }
와 같이 사용해 정의(=함수 선언, 함수의 이름을 지어주는 과정)하며 이를 호출(=함수가 무엇을 할지 지정)하기 위해선함수명(매개변수 목록,...)
과 같이 쓴다.
<script>
funcion myNameFuc() {// 함수 선언
let name: 'jamie',
console.log(name)
return name
}
myNameFunc();// 함수 호출
</script>
변수에 대해서 그리고 변수의 데이터 타입들에 대해서 잘 알아두자자자
- weekcode 강의 중 내용
Author And Source
이 문제에 관하여(k 1 - JavaScript 02. Variables), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@minj9_6/Week-1-JavaScript-02.-Variables저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)