본문 바로가기
Development

[19.11.19] TIL

by igy95 2024. 1. 6.

 

 

1. 삼항 연산자

 

삼항 연산자

처음엔 이 연산식을 보고 도대체 뭘 의미하는 걸까, 의아했다.

if, for, while문을 줄곧 작성했던 터라 바로 질문을 통해 알아보았다.

삼항 연산자는 문자 그대로 '세 개의 피연산자를 이용하여' 작성할 수 있는 수식이라고 생각하면 된다.

좀 더 직관적으로 식을 그대로 가져와 얘기를 하자면,

이렇게 볼 수 있다. 알아놓고 있으면 코드를 더 간결하게 쓰는데 많은 도움이 될 수 있을 거라고 생각한다.

 

2. DOM(Document Object Model)

HTML, CSS, JS를 연결할 수 있는 핵심적인 개념이다.

DOM 자체가 JS 언어의 한 부분이라고 볼 수는 없다. 간단하게 지금까지 배운 개념과 메소드에 대해 복습해 보겠다.

 

document.querySelector(); HTML 태그의 element를 자바스크립트 내에서 이용할 수 있도록 가져올 수 있다.

document.createElement(''); HTML 태그를 생성할 수 있는 메소드.

.className : 클래스명을 설정할 수 있는 메소드

.innerHTML: java내의 내용을 html안의 내용으로 옮길 수 있다. 보안이 취약하다는 단점이 있다.

.appendChild: 지정 태그의 자식 요소로 들어갈 수 있는 메소드.