[17강 스크립트 태그의 위치]

1.반복문 : 반복적인 코드의 양을 획기적으로 압축해주는 문법

.textContent : 해당 태그에 텍스트를 직접적으로 추가해줄 수 있는 기능

2.브라우저가 html 문서를 읽어가는 순서 : 위에서부터 한줄 한줄 내려오게 된다.

그때 브라우저가 script 태그를 만나게 되면, html 파일을 해석(*파싱)하는 과정을 중단하고

자바스크립트 파일을 먼저 해석한다. 해당 파일을 다 해석한 이후에 다시 html을 해석하게 된다.

이때, 해당 문제점을 해결할 수 있는 방법 2가지!

- 자바스크립트 태그를 <body>태그의 가장 마지막으로 이동

- 자바스크립트 태그 안에 defer(*디퍼)를 입력 (*script 태그 해석하면서 동시에 html 파일 해석)

'훈훈한 자바스크립트' 카테고리의 다른 글

19강 반복문  (0) 2023.01.23
18강 JS로 HTML, CSS 조작  (0) 2023.01.23
16강 조건에 따른 메시지 출력  (0) 2023.01.23
15강 조건문과 논리연산자  (0) 2023.01.23
14강 배열과 객체의 비교  (0) 2023.01.23

[16강 조건에 따른 메시지 출력]

*자바스크립트에서 NaN값을 판별할 때에는 비교연산자가 통하지 않는다.

주어진 값이 NaN인지 아닌지 판별하는 함수는 따로 존재.

자바스크립트 안에 내장되어 있는 isNaN( ) 이라는 함수 사용가능.

>추가 :

CSS에서 가로축을 중심으로 정렬할 때, justify-content 활용

CSS에서 세로축을 중심으로 정렬할 때, align-items 활용

'훈훈한 자바스크립트' 카테고리의 다른 글

18강 JS로 HTML, CSS 조작  (0) 2023.01.23
17강 스크립트 태그의 위치  (0) 2023.01.23
15강 조건문과 논리연산자  (0) 2023.01.23
14강 배열과 객체의 비교  (0) 2023.01.23
13강 비교 연산자  (0) 2023.01.22

[15강 조건문과 논리연산자]

1.조건문 : 로직의 실행 분기점 (*true or false)

 

2.if문 : if( ) > 소괄호 안에 조건식 입력 / 소괄호 안에 조건식 통과 시, true 반환

- if( true ) { 조건이 성립하면 실행되는 코드 } > true라면, 조건 성립

(*닷노테이션 : 객체에서 property=속성값을 가져오고자 할 때, 객체 뒤에 “.속성”을 입력!)

(ex. const obj = {name : ‘Jason’}; / obj.name)

3.if else문 : 코드를 skip하는 것이 아니라, 또 다른 코드를 실행한다

4.else if문 : if문 이후에 한 번 더 조건문을 확인하는 코드

 

5.논리연산자 : && ||

- && : AND연산자 => 양쪽에 위치한 조건을 모두 만족하는 경우, true

- || : OR연산자 => 양쪽에 위한 조건 중, 하나라도 만족하는 경우, true

'훈훈한 자바스크립트' 카테고리의 다른 글

17강 스크립트 태그의 위치  (0) 2023.01.23
16강 조건에 따른 메시지 출력  (0) 2023.01.23
14강 배열과 객체의 비교  (0) 2023.01.23
13강 비교 연산자  (0) 2023.01.22
12강 localhost란?  (0) 2023.01.13

+ Recent posts

티스토리툴바