for

자동화 : 팝업 높이 계산해서 아래로 쌓기

상황 매번 새로운 팝업이 올라올 때마다 1200px 아래의 팝업 top값을 그 위 팝업의 높이값만큼 수동으로 업데이트하고 있던 상황이었다. 위의 형태의 팝업이 있으며, 각 팝업은 absolute로 표시된다. 팝업 ID 번호는 유연하며, ID 번호는 항상 변경될 수 있다. (관리자사이트에서 사용자인 클라이언트가 맘대로 써넣는다) 각 팝업이 브라우저 너비 1200px 이하로 떨어지면 첫 번째 팝업이 위에서 아래로 순서대로 배치된다. 하단 배치는 css top:npx로 제어되며, 첫 번째 팝업은 top:60px로 시작하고 두 번째 팝업은 top:(위에 있는 팝업의 높이 값 + 20px)로 계산되어야 한다. 1차 해결 const popups = document.querySelectorAll('[id^="pop_..

[생활코딩, 드림코딩, 코딩앙마] 연산자(Operator)와 break, continue

연산자(Operator) 리스트 ! (not 연산자) 부정 && (and 연산자) 좌/우 모두 참일때 참 || (or 연산자) 좌/우 중 하나라도 참일때 참 (* or 연산자가 다수일 때 마지막에 가장 복잡한 변수를 넣는다) == (동등 연산자) 좌/우 같다면 참 === (일치 연산자) 좌/우가 데이터형까지 정확하게 같다면 참 != 같지 않다 (==와 정반대) !== 같지 않다 (===와 정반대) > 좌>우라면 참 >= 좌>=우라면 참 += 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당한다. 조건부 연산자 (Conditional operator) const name = 'Noran'; if (name === 'Noran') { console.log('Welcome, Noran!'); } e..