Javascript를 더 deep 하게

2JOON·2024년 12월 30일

슬슬 과부하가 오기 시작한다
여러 강의를 연속으로 들으니 앞서 배웠던 내용들도
뒤죽박죽이 되어가지만 네츄럴 말랑 brain을 단단하게
만들기 위해서 이악물고 강의를 들어본다

DOM 메소드 속성의 명령어를 알아보Java
상황에 따라 내 문서에따라 호출법을 사용하자

document.querySelector() /* 불러오거라 */
document.querySelectorAll() /* 다 불러라 */
document.getElementsByClassName() /* 클래스네임으로 불러라 */
document.getElementsById() /* 아이디로 불러와라 */

비교연산

크냐 작냐! 같냐 다르냐! 주어진 두 항을 비교할 수 있는
비교 연산자를 제공한다

boolean형 데이터를 사용해 반환을 한다
참 or 거짓
파이썬과 다른점이 있다면
"===" 완전히 같다 가 있다.
예를 들어 확인해보자

console.log('1' == 1) // true
console.log('1' === 1) // false

자로형과 데이터값이 모두 일치해야만 같다고 판단한다.
완전 엄격한(strict)비교라고 할 수 있겠다.

조건문

내가 가장 좋아하는 if문이 붙는 조건문이다
파이썬과 너무 흡사하기 때문에 쉽게 이해가 가능했다.
(아 오늘 코테 좀 풀고 자야겠다)

if(조건){
//조건이 true일 때 실행할 코드
}else{
  //조건이 false일 때 실행할 코드
  //if와 무조건 같이 써야한다.
}else if(조건){
 //조건이 하나가 아닌 다른 조건이 추가될 때 사용한다.
 //개수 제한은 없다. elif와 같은 느낌!
}

반복문

당연히 for문과 while문이고
이것도한 파이썬과 흡사하여 이해가 쉬웠다.

for(초기식; 조건식; 반복식){}
// 초기식 : 반복조건의 초기화 작업
// 조건식 : 반복조건의 마무리 조건
// 반복식 : 반복이 끝날때마다 실행 될 작업

while(조건){/*조건이 true인 동안에 반복 수행할 코드*/}
//while문은 조건이 참일 경우 계속~ 루프한다
조건안의 변수의 변화를 시켜주는것이 좋다
- 그래야 끝이 나니까!

DOM create!

지정된 이름의 html요소를 만들어서 반환이 가능하다
하지만 자바스크립트에서 만들어져 있는요소를 화면에
표시하는 작업을 추가로 해주어야 한다!!

그래서 appendChild가 들어간다!

document.createElement('div')
document.createElement('p')
document.createElement('a')

target.appendChild(자식으로_추가할_요소)
여기서 target은 'div' 'p' 'a'가 되겠다
profile
끄적

0개의 댓글