문자열

1번째가 기본 문법이다
" "의 내용이 그대로 전달된다

2번째처럼 string을 강조하기 위해 " " 안에 " "를 쓰면 오류가 생긴다
"string"을 강조한 "this is "string""구문으로 인식을 못하고, "this is"와 " "를 인식하기 때문이다

그래서 따옴표를 이용해 강조하려면 3번째 처럼 종류가 다른 따옴표를 써야한다

불린형(boolean)

불리언은 참/거짓, yes/no, on/off를 의미하는 true와 false 두 개의 값을 가지고 있는 데이터 타입이다

==는 두 변의 값이 같다는 기호
===는 두 변의 속성이 같다는 기호이다
1==1 , 1=="1" 은 좌변과 우변 똑같이 1로 값이 똑같기 때문에 true가 뜬다
1===1 역시 true로 뜨지만, 1==="1"에서는 "1"이 문자열로 인식되기 때문에 false로 나타난다


맨 앞에 !가 붙으면 결과의 반대값을 보여준다는 의미가 된다


여기서는 kk의 길이가 2이기 때문에 2>=5가 false가 되지만, !가 붙으면 false의 반대인 true가 나타난다

선언

const가 대표적인 선언 문법인데, 위에서 pi=3.1415, r=5로 각각 선언(지정)해 준 모습이다

그래서 식을 적을 때 수로 적지 않고 선언된 문자를 이용해 값을 얻을 수 있다

이처럼 선언값을 할당해주지 않으면 오류가 뜬다


위는 이미 선언된 상수에 다른 값을 지정할 때 생기는 오류이다

계속해서 다른 값을 지정하려면 상수가 아닌, 변수로 선언해야 한다 (var, let 등)

증감연산자

num++

++num
둘 다 똑같이 0(num)에 1을 더하는 연산자이다
겉으로 보기에는 차이가 없어보인다

num++

num++(후위)는 먼저 alert(num)을 실행하고, num+1을 실행하기 때문에 0, 1, 2가 된다

++num

++num(전위)는 num+1을 실행하고, 그 실행된 값(num)을 alert하기 때문에 1, 2, 3이 된다

if

if문의 기본 구조는

if(조건식){
실행문1
실행문2
}
실행문3

이다
단, 실행문 1,2는 조건이 참일 경우에만 실행되고, 거짓일 경우에는 실행문 3만 실행된다

위와 같은 코드를 작성했다면, { } 안의 실행문은 실행이 안되고, 밖에 있는 실행문이 실행될 것이다


위와 같은 경우에는, 200>100 조건문의 실행문만 실행된다

조건문 2개가 상반될 경우, else를 쓸 수 있다
결과는 똑같다

시보

date.get을 입력해보면 여러가지 시간을 알려주는 함수들을 볼 수 있다
이를 이용해 시보를 만들어본다


오전 오후를 알려주는 시보


현재 시간과 분을 알려주는 시보

다만, +로 이어나가기에 코드가 너무 길어지면 위와 같이 백틱( ` ) 과 ${ } 로 간결하게 완성해줄 수 있다

어려운 내용

new Date, date.getHours, date.getMinutes 부분에서 alert가 뜨지 않아 당황했다

해결방법

const로 선언하면 선언값 뒤에 괄호 ( )를 붙여준다

학습소감

점점 이론과 실습 모두 많은 내용을 배우고 있다
특히 if문이 꽤 헷갈리기 쉬운 문법인데, else를 사용해 이중조건문, 삼중조건문 등을 이용하면 더욱 다양한 기능을 구현해낼 수 있을 것 같다