자바 스크립트란?
- 보통 자바스크립트는 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어.
/ 자바스크립트를 이용해 사이트 내 팝업을 띄울 수 있으며
/ 마감까지 얼마 남았는지 카운팅이 되는 모습도 작성할 수 있다
변수
let으로 변수를 선언
/ let num = 20
num = 'Bob'
/let a = 1
let b = 2
a+b = 3
a/b = 0.5
const로 변수 선언
/let value_box = '값'
value_box = '변경한 값';
console.log(value_box)
변경한 값이 나옴
/const value_fix = '값';
value_fix = '변경한 값';
console.log(value_fix)
const로 선언한 변수에는 새로운 값을 다시 입력해도 원래 값이 나온다!
쉽게 변하면 안되는 고정 값을 적을 때 const를 선언하자!!!
list(배열) & 딕셔너리(객체)
let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!
// 또는,
let b_list = [1,2,'hey',3] // 로 선언 가능
b_list[1] // 2 를 출력
b_list[2] // 'hey'를 출력
// 리스트에 요소 넣기
b_list.push('헤이')
b_list // [1, 2, "hey", 3, "헤이"] 를 출력
// 리스트의 길이 구하기
b_list.length // 5를 출력
let a_dict = {} // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능!
// 또는,
let b_dict = {'name':'Bob','age':21} // 로 선언 가능
b_dict['name'] // 'Bob'을 출력
b_dict['age'] // 21을 출력
b_dict['height'] = 180 // 딕셔너리에 키:밸류 넣기
b_dict // {name: "Bob", age: 21, height: 180}을 출력
여러가지 함수들
나눗셈의 나머지를 구하고 싶은 경우
let a = 20
let b = 7
a % b = 6
모든 알파벳을 대문자로 바꾸고 싶은 경우
let myname = 'spartacodingclub'
myname.toUpperCase() // SPARTACODINGCLUB
특정 문자로 문자열을 나누고 싶은 경우 1
let myemail = 'sparta@gmail.com'
let result = myemail.split('@') // ['sparta','gmail.com']
result[0] // sparta
result[1] // gmail.com
let result2 = result[1].split('.') // ['gmail','com']
result2[0] // gmail -> 우리가 알고 싶었던 것!
result2[1] // com
myemail.split('@')[1].split('.')[0] // gmail -> 간단하게 쓸 수도 있다!
특정 문자로 나누고 싶은 경우 2
let txt = '서울시-마포구-망원동'
let names = txt.split('-'); // ['서울시','마포구','망원동'
특정 문자로 합치고 싶은 경우
let result = names.join('>'); // '서울시>마포구>망원동' (즉, 문자열 바꾸기!)
함수 선언 방식
let a = function(){
console.log("리터럴 방식 이라고 합니다");
}
a()
조건문
**20보다 작으면 청소년, 크면 성인이라고 나오는 함수
is_adult
function is_adult(age){
if(age > 20){
alert('성인이에요')
} else {
alert('청소년이에요')
}
}
is_adult(25)
else if는
if와 else 사이에서는 여러번 사용 가능하다!
function is_adult(age){
if(age > 20){
alert('성인이에요')
} else if (age > 10) {
alert('청소년이에요')
} else {
alert('10살 이하!')
}
}
is_adult(12)
AND 조건과 OR 조건
// AND 조건은 이렇게
function is_adult(age, sex){
if(age > 20 && sex == '여'){
alert('성인 여성')
} else if (age > 20 && sex == '남') {
alert('성인 남성')
} else {
alert('청소년이에요')
}
}
// 참고: OR 조건은 이렇게
function is_adult(age, sex){
if (age > 65 || age < 10) {
alert('탑승하실 수 없습니다')
} else if(age > 20 && sex == '여'){
alert('성인 여성')
} else if (age > 20 && sex == '남') {
alert('성인 남성')
} else {
alert('청소년이에요')
}
}
is_adult(25,'남')
반복문
0~99까지 값을 출력해야하는 이런 경우 여러번 console.log를 쓰지 않고
세줄로 표현해 값을 출력할 수 있다
for (let i = 0; i < 100; i++) {
console.log(i);
}
설명
for (1. 시작조건; 2. 반복조건; 3. 더하기) {
4. 매번실행
}
1 -> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3
와 같은 순서로 실행됩니다.
i가 증가하다가 반복조건에 맞지 않으면, 반복을 종료하고 빠져나옵니다.
