반응형 tam9생활3 [JS Tam9생활] #4 Primitive VS Object (Reference) 📒11- 원시 값과 객체 Primitive Object(reference) 원시 타입 객체(참조)타입 변경 불가능함 변경 가능함 메모리에 실제 값 저장 메모리에 참조 메모리 공간 저장 Primitive 원시값 원시값은 데이터 불변성으로 보존하기 위해 어떤 일이 일어나도 불변하고, 이로 인해 데이터 신뢰성으로 보장한다. 변수와 같은 식별자는 값이 아닌 메모리 주소를 기억하고 있다. var a= 10 b =a 두 변수의 원시 값은 서로 다른 메모리 공간에 저장된 별개의 값 서로 간섭하지 않는다. Object 객체 Java, C++ (클래스 기반의 객체지향 프로그래밍 언어) 사전에 정의된 class 기반으로 객체 생성 정해진 프로퍼티와 메서드를 사용 JavaScript 클래스 없이 객체를 생성할 수 있기 때문.. 2021. 7. 18. [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 다음 반응형
