본문 바로가기
반응형

programming language33

MutationObserver를 활용한 변화 감지 이미지 리스트의 변화를 감지하고 새로 추가된 이미지를 포함한 리스트를 다시 출력하려면 JavaScript의 MutationObserver 또는 리스트의 변화를 감지할 수 있는 리스트 갱신 함수를 활용할 수 있습니다. 아래 방법 중 상황에 맞는 것을 사용하시면 됩니다.방법 1: MutationObserver를 활용한 변화 감지HTML 요소 내에서 이미지 리스트가 동적으로 추가될 때 사용하면 좋습니다. observer.observe()에서 childList: true 옵션으로 자식 요소(이미지)가 추가되거나 제거될 때마다 MutationObserver가 트리거됩니다.addImage() 함수를 통해 이미지가 추가되면 MutationObserver가 감지하고 업데이트된 리스트를 출력합니다. // 이미지 리스트 .. 2024. 11. 15.
타입 추론과 타입 단언 타입스크립트가 타입을 추론해 나아가는 과정은 변수를 선언하거나 초기화 할때 이외에도 변수, 속성, 인자의 기본 값, 함수 반환 값등을 설정할 때 타입 추론이 일어난다. 보통은 몇개의 표현식을 바탕으로 추론하는데 가장 근접한 타입을  Best Common Type 이라고 한다.그리고 타입을 추론하는 다른 방법으로는 바로 문맥상으로 타입을 결정하는 것이있다.  자세한 내용https://joshua1988.github.io/ts/guide/type-inference.html#%EB%AC%B8%EB%A7%A5%EC%83%81%EC%9D%98-%ED%83%80%EC%9D%B4%ED%95%91-contextual-typing 타입 추론 | 타입스크립트 핸드북타입 추론(Type Inference) 타입 추론이란 타입.. 2024. 8. 15.
Property 'done' does not exist on type 'object' .ts 타입 정의 하기 function completeTodo(index:number, todo:{ id: number, title: string, done: boolean, }): void { todo.done = true; todoItems.splice(index, 1, todo); } 타입 정의 let todoItems: { id: number, title: string, done: boolean }[]; function completeTodo(index:number, todo:{ id: number, title: string, done: boolean, }): void { todo.done = true; todoItems.splice(index, 1, todo); } 중복되는 코드를 줄이고 타입을 하나로.. 2023. 12. 24.
01_변수와 타입 컴퓨터 메모리 (RAM)은 수많은 번지들로 구성된 데이터 저장 공간이다. 프로그램은 데이터를 메모리에 저장하고 읽는 작업을 빈번히 수행한다. 변수는 하나의 값을 저장할 수 있는 메모리 번지에 붙여진 이름을 의미한다. 변수에 값이 처음 저장될 때 메모리 번지를 참고한다. 초기값을 주지 않으면 메모리 번지를 참조할 수 없다. 자바의 변수는 다양한 타입의 값을 저장할 수 없다. 정수형 변수에는 정수값만, 실수형 변수에는 실수값 타입에 맞는 값만 저장할 수 있다. [변수를 생성하는 방법] 선언을 통해 변수를 생성하는데, 변수 선언은 어떤 타입과 어떤 데이터를 저장할 것인지 그리고 변수 이름은 무엇인지 결정한다. 변수를 통해 이름은 가급적이면 값을 표현할 수 있는 이름을 카멜케이스 스타일을 적용해 생성한다. 또한.. 2023. 12. 24.
728x90
반응형

티스토리툴바