# classList.toggle

nalsae

🔶 JavaScript > * MVC 패턴의 관점에서 State(상태)란 무엇인가? > > : 변경하면 View에 영향을 미치는 데이터, 프론트엔드에서는 Model보다 State의 개념으로 이해하는 것이 더 적합함 > : 구체적으로는 기억하고 있는 값을 바탕으로 View를 렌더링할 때, 렌더링의 결과물이 변화한다면 State로 따로 관리할 필요가 있음 > * DOM 요소 조작 시 상위 요소의 상위 요소를 여러 번 탐색해야 하는 경우 어떤 방법을 사용하는 것이 바람직한가? > > : parentNode를 여러 번 체이닝하여 사용하기 보다, closest 메서드를 사용하여 가장 가까이 있는 상위 요소를 탐색하면 가독성 관점에서 더 좋음 > * classList에 체이닝하여 add, remove를 둘 다 작성해야 하는 경우 어떤 방식으로 대체할 수 있는가? > > : toggle을 사용하면 두 번째로 전달할 매개변

yogjin

초기화면 각 패널 클릭시 각 패널을 클릭시에 화면이 넓어지고, 숨겨져있던 글씨들도 위에서 내려오고, 밑에서 올라온다. 글씨 크기도 좀 더 커진다. 1. 목표 CSS: flex를 사용할 수 있다. 연습 : [https://flexboxfroggy.com/#k