반응형 JS2 [JS Tam9생활] #2 FE 상태관리 프론트엔드의 상태관리 프론트엔드를 개발하면서 느끼는 마주하는 어려움 중 하나는 상태 state관리 FE의 상태는 웹 상의 다양한 요소들이 가지고 있는 값을 말하며 이 값들은 사용자의 선택과 방향에 따라 변화한다. 이 상태를 어떻게 관리하고 제어하느냐에 따라 코드의 일관성이 결정되는데, 프론트엔드의 상태관리는 한 곳에서 하면 가장 좋다. 보통은 최상위 component 나 storage에 보관한다. 그렇다면 설계는 ? 보통 아래와 같이 component를 구성하여 부모가 state를 관리하며 상태 변화에 따라 자식 component는 rendering만 해주는 구조로 설계하는 것이 좋다. 부모 component : 상태를 가지고 있는 않음 자식 component : 상태를 가지고 있지 않음 ex ) Tod.. 2021. 7. 16. [JS Tam9생활] #1 DOM DOM ( Document Object Model) : 프로그래밍 언어로 DOM 구조에 접근할 수 있도록 방법을 제공하여 구조 나 스타일을 변경할 수 있게 돕는 인터페이스. 참고 : https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction - HTML, XML 문서의 프로그래밍 interface - 문서의 구조화된 표현을 제공 - 프로그래밍 언어가 DOM에 접근할 수 있는 방법 제공 DOM을 찾는 방법 아래 메서드를 통해서 getElement getElements querySelector querySelectorAll getElement document.getElementsByTagName('div’) document.. 2021. 7. 16. 이전 1 다음 반응형
