표기법
javascript에서는 주로 camelCase로 작성하며 class에서는 예외적으로 ParcalCase로 작성함
-
dash-case : 소문자로 작성하며 띄어쓰기를 dash 기호로 표현 (HTML, CSS)
-
snake_case : 소문자로 작성하며 띄어쓰기를 underbar 기호로 표현 (HTML, CSS)
-
camelCase : 소문자로 작성하며 띄어쓰기를 대문자로 표현 (JS)
-
ParcalCase : 대문자로 시작하며 띄어쓰기를 대문자로 표현 (JS)
데이터
String (문자 데이터)
작은 따옴표(single quote) 또는 큰 따옴표(double quote)를 사용해 문자 데이터를 표현함
let a = 'a'
let b = "b"
let ab = `${a}${b}`
console.log(a)
console.log(b)
console.log(ab)-
a: 작은 따옴표로 표기 -
b: 큰 따옴표로 표기 -
ab: 백틱(``) 기호와 ${}를 이용해 데이터를 보간해 문자로 표시함
Number (숫자 데이터)
let a = 123
let b = 1.23
console.log(a)
console.log(b)-
a: 정수 형태 숫자 데이터 -
b: 부동소수점 형태 숫자 데이터
Boolean (참, 거짓 논리 데이터)
내용이 참인지 거짓인지 표현하는 데이터
let a = true
let b = false
console.log(a)
console.log(b)-
a: 참 -
b: 거짓
undefined, null 데이터
값이 비어있음을 나타내는 데이터
let a : ;
let b : null
console.log(a)
console.log(b)a:undefined(값이 할당되어있지 않음)b:null(값이 의도적으로 비어있음)
object (객체 데이터)
여러 데이터를
key: value형태로 저장하는 데이터
let user = {
name: 'a',
age: 100,
valid: true
}
console.log(user.name)
-
key: name, age, valid 같은value값을 꺼낼 수 있는 이름 -
value: 'a', 100, true 같은key값에 할당된 데이터 -
user.name:'a'
array (배열 데이터)
여러 데이터를 'Zero-based number'의 형태로 순차적으로 저장하는 데이터
let fruits = ['apple', 'banana', 'cherry']
console.log(fruits[0])
console.log(fruits[1])
console.log(fruits[2])-
Zero-based-number : 숫자를 0부터 순서대로 나열함
-
fruits[0]: 'apple' -
fruits[1]: 'banana' -
fruits[2]: 'cherry'
variable (변수)
데이터를 저장 및 참조하는 데이터 이름. 재사용 가능함
let a = 'a'
const b = 'b'
const this = 'c' //예약어 this는 변수명 사용 불가!
a = 1
console.log(a) //1
b = 2
console.log(b) //error!-
let: 데이터의 재할당이 가능한 변수를 선언. -
const: 데이터의 재할당이 불가능한 변수를 선언 -
예약어 : JS 내에 특별한 의미가 있어 변수먕, 함수명 등으로 쓸 수 없는 단어 (
this,if,break등)
fuction (함수)
특정 기능을 수행하는 코드의 집합
function a() {
console.log('a')
}
function b() {
return 'b'
}
a() // 콘솔에 a라는 문자를 출력함
b() // 콘솔에 b내부에 있는 'b'라는 데이터를 반환함-
function 함수명(): 함수 이름 지정 -
{}: 함수가 호출되면 실행할 내용 -
return: 해당 데이터를 밖으로 꺼낼 수 있도록 '반환' 하고 함수 종료 -
함수명(): 함수 호출
function sum(a,b) {
return a+b
}
sum(1,2)-
a,b: 매개변수 (parameter). 함수 실행시 인수를 받아 함수 내부로 전달해줌 -
1,2: 인수 (argument). 매개변수를 통해 함수로 전달할 데이터
method (메소드)
object 속성 내에 포함된 함수 데이터.
const a = {
name: 'b',
age: 40,
getName: function () {
return this.name
}
}
a.getName()getName:a객체에 포함된 메소드명this.name: 해당 키워드가 쓰인 함수가 포함된 객체 데이터a에서name이라는key값을 찾음
