Mong dev blog

1. or연산자와 조건문 : 어느날, 조건문을 만들고 있었다. : 그런데, 오잉? 조건에 만족하는데 작동이 안되는 것이 아닌가..! world가 B일 때, 왜 success가 출력이 안되지? function hello(world) { if (world === 'A' || 'B') { console.log('success') } } : 문제는 바로 or연산자를 제대로 이해하지 못했던 것! : JS에서 or연산자를 사용해 여러 조건을 체크하려면 아래와 같이 써야 한다. function hello(world) { if (world === 'A' || world === 'B'){ console.log('success'); } ..

1. ES21, 논리연산자 (1) &&= : 첫 번째 변수가 true이면, 두 번째 변수를 할당한다. //before let one = true; let two = 13; if (one) { one = two; } console.log(one); //13 //after let one = true; let two = 13; one &&= two; console.log(one); //13 (2) ||= : 첫 번째 변수가 false이면, 두 번째 변수를 할당한다. //before let one = null; let two = 13; if (one) { one = two; } console.log(one); //13 //after let one = null; let two = 13; one &&= two; c..

1. a 태그에 margin 주는 법 아래표는 태그별 display를 보여준다. display 태그 종류 특징 block div, p, h1, li 등 - 가로 영역을 모두 채움 - block 요소 다음에는 줄바꿈이 됨 - width, height 속성을 지정 가능 inline span, b, i, a 등 - 줄 바꿈이 되지 않음 - width와 height를 지정 못함. a 태그는 display: inline이므로 기본적으로 여백을 줄 수 없다. 하지만, a태그에 display: inline-block를 하면 여백(margin)을 줄 수 있다! 2. 페이지 나가기 전 이벤트 처리는? html의 생명주기에는 아래와 깉이 3가지 이벤트가 발생한다. 이벤트명 설명 DOMContentLoaded - DOM이 ..