데이터 타입과 연산자
1.데이터타입
String - 영문,한글에 따옴표
Number - 숫자
Boolean - 참,거짓
Object - 객체 , (배열은 객체의 일부)
Null - 값이 없는 경우, 우리가 아무것도 없음을 직접 입력, 의도한 빈 값
undefined - 정의 되지 않았을 경우 , 값이 할당한 적이 없는 경우, 의도하지 않은 빈 값
0 - 숫자 0이라는 데이터가 들어 있음
2.연산자
(1) 산술 연산자 : +(더하기), -(빼기) , *(곱하기), /(나누기), %(나머지), 숫자 계산,
문자를 합치는 것도 가능
ex) "코드" + "캠프" = "코드캠프"
숫자 + 문자열
ex) 100 + "5" = "1005"
10 - 9 = 9
10 - '1' = 9
10 * 10 =100
10 * '10' = 100
(2) 비교 연산자 : <, >, <=, >=, ===(할당), !==(같지 않다)
ex) A === B A와 B가 같다면 True
A != B A와 B가 다르다면 True
엄격한 동치 연산자 === : 데이터 타입과 값까지 같아야 True
느슨한 동치 연산자 == : 타입 비교 없이 값만 값으면 True - 로직 구성 시 안정성이 떨어짐
(3) 논리 연산자
and : && - 양쪽이 모두 True 여야 True를 반환
(true) && (true) -> true
or : || - 한쪽만 True 여도 True를 반환
(false) || (true) -> true
not : ! - Boolean을 반전시킴
!false -> true
DOM
1.DOM: Document Object Model
직접 구현한 기능 -> 제어 -> Elements(HTML,CSS는 구조만 담당)
<- 읽어오기 <-
2.Dom 사용방법
document.getElementById("tagID").InnerText
HTML 파일에서 "tagID" 라는 id를 가진 태그를 선택해서 제어한다
반복문과 조건문
1.반복문 : 같은 행위를 반복하는 것
핵심 : 몇 번 반복할 것인가
for(초기식;조건식;증감문){
반복해서 실행할 내용
}
특정 조건 만족 시 ,
조건식을 통한 정상 종료 이전에도 종료(break) 가능
명령문을 실행하지 않고 다음 반복으로 건너뛰기(continue) 가능
2.조건문
조건문 : 특정 조건을 만족하면 실행
핵심 : 시작점과 끝점이 존재
조건문 : 컴퓨터가 조건에 맞는지 true와 false로 판단하여 판단을 기반으로 각각 다른 명령을 실행할수 있도록 하는 것
조건이 맞다면 A 실행 -> 시작점
아니라면 B실행 -> 끝점
if(조건){
A실행
} else {
B실행
}
수학 객체
수학 객체 : 자바스크립트의 수학 기능을 사용하는 명령어
1.최대값 구하기 : Math.max()
2.최소값 구하기 : Math.min()
3.0~1 랜덤 수 생성 : Math.random()
4.반올림 : Math.round()
5.올림 : Math.ceil()
6.버림 : Math.floor()
내장 함수
내장함수 : 자주 사용되는 함수를 자바스크립트에 내장하여 편리하게 이용할 수 있도록 한 것
1.시간 지연 함수 : 일정한 시간 기다렷다가
setTimeout(func,time)
2.시간 반복 함수 : 일정 시간 마다
setInterval(func,time)
※ 시간 입력 시 ms 단위로 입력
함수 작성 방법
1.함수 선언식
function hello(name){
alert(name + "님 안녕하세요")
}
2.함수 표현식
const hello = function(name){
alert(name + "님 안녕하세요")
}
3.화살표 함수
const hello = (name) => {
alert(name + "님 안녕하세요")
}