[인프런x코드캠프] 훈훈한 Javascript_5日

오늘은 조건문, 논리연산자 그리고 스크립트 태그의 위치에 대해서 학습했다.

 

 

 

 

if문 (조건문)을 활용하는 방법은 Java와 크게 다르지 않았다. 아니 똑같았다.

다만 조건문에 '==='이 사용되는 정도만 달랐다.

 

 

 

 

 

 

 

 

 

지금 예제로 만들고 있는 D-day Counter 입력값에 유효하지 않은 날짜가 들어왔을 때는 NaN이 출력됐다.

그래서 조건문에 isNaN() 함수를 통해서 유효한 입력값인지 아닌지 검사했다.

isNaN() : NaN인지 확인하는 함수

 

스크립트 태그의 위치

<script> 태그의 길이가 너무 길어지면 css 파일처럼 따로 파일을 분리해서 관리할 수 있다.

<script src=".js 파일의 path"></script> 형태로 사용하면 된다.

지금까지 head 태그 안에 script 태그를 사용했다.

문제점

기본적으로 script 태그를 만나면 html탐색을 중단하고 js 파일을 해석한다. 

그러나, html 태그가 만들어지지 않은 상태에서 js 파일에 document와 관련된 정보가 들어있다면 에러가 발생한다.

해결방법

1. script태그를 body태그 안, 제일 하단에 위치한다.

2. defer를 활용 => <script src=".js 파일의 path" defer></script> 는 동시에 해석하기 때문에 문제점을 해결할 수 있다.