javascript에서는 주로 camelCase로 작성하며 class에서는 예외적으로 ParcalCase로 작성함
dash-case : 소문자로 작성하며 띄어쓰기를 dash 기호로 표현 (HTML, CSS)
snake_case : 소문자로 작성하며 띄어쓰기를 underbar 기호로 표현 (HTML, CSS)
camelCase : 소문자로 작성하며 띄어쓰기를 대문자로 표현 (JS)
ParcalCase : 대문자로 시작하며 띄어쓰기를 대문자로 표현 (JS)
작은 따옴표(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
: 백틱(``) 기호와 ${}를 이용해 데이터를 보간해 문자로 표시함
let a = 123
let b = 1.23
console.log(a)
console.log(b)
a
: 정수 형태 숫자 데이터
b
: 부동소수점 형태 숫자 데이터
내용이 참인지 거짓인지 표현하는 데이터
let a = true
let b = false
console.log(a)
console.log(b)
a
: 참
b
: 거짓
값이 비어있음을 나타내는 데이터
let a : ;
let b : null
console.log(a)
console.log(b)
a
: undefined
(값이 할당되어있지 않음)b
: null
(값이 의도적으로 비어있음)여러 데이터를
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'
여러 데이터를 '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'
데이터를 저장 및 참조하는 데이터 이름. 재사용 가능함
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
등)
특정 기능을 수행하는 코드의 집합
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). 매개변수를 통해 함수로 전달할 데이터
object 속성 내에 포함된 함수 데이터.
const a = {
name: 'b',
age: 40,
getName: function () {
return this.name
}
}
a.getName()
getName
: a
객체에 포함된 메소드명this.name
: 해당 키워드가 쓰인 함수가 포함된 객체 데이터 a
에서 name
이라는 key
값을 찾음