# HTMLElement

6개의 포스트
post-thumbnail

provided.innerRef has not been provided with a HTMLElement

📌오류 React-beautiful-dnd 패키지 설치 후에 간단한 샘플을 작업하고 있었는데 오류를 만났다. 오류 내용 provided.innerRef has not been provided with a HTMLElement. > 오류는 HTMLElement 형태로 제공되지 않았다는 의미. ✅해결 버전이 잘못 됐는가 의심되어 찾아보니 현재 내가 작업 중인 React 버전에서도 정상적으로 사용이 가능하다는 내용이 많았다. 패키지의 문서와 깃헙을 확인해보니 해결책은 아주 잘 정리되어 있었지만 비교해봐도 필요한 부분은 모두 적용된 상태였다. import된 컴포넌트나 연관된 요소들 중 HTML로 반환되지 않는 값이 있는지 확인이 필요하다. 이런 식으로 내부의 것을 반환할 수 있게 작성

2023년 4월 17일
·
0개의 댓글
·

[TIIL] - HTMLDivElement to React Element & TypeError Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

1. HTMLDivElement React element로 캐스팅 > How to cast an HTMLElement to a React element? [[React] React 엘리먼트 생성하기 :: createElement() 2021.09.11 00:02 프로그래밍/React](https://lakelouise.tistory.com/84) 2. TypeError- Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. 일단 에러가

2023년 2월 16일
·
0개의 댓글
·

DOM 의 position ?

브라우저에서 dom 관련 상하좌우 판단 기준에 대한 정확한 이해가 부족해서, 확실하게 짚고 넘어가고자 확인해본다. offset 현 element 의 outer border 에서부터 offsetParent 의 inner border 까지의 상대적인 거리 offsetParent 현 element 에서 가장 근접한 positioned 조상 element positioned 조상 element non-static position element td, th, table (자체 static positioned element 인 경우의) > offsetTop / offsetLeft 는 offsetParent 의 상대적인 padding edge 에 따라 결정된다. Element.getBoundingClientRect() DOMRect object 를 리턴하는 함수. element 의 size 관련 정보와, viewport 에 상대적인 post

2023년 2월 13일
·
0개의 댓글
·

Javascript_DOM Tree, HTMLElement, HTMLCollection

DOM Tree 문서노드 > 요소노드 > 어트리뷰트노드 > 텍스트노트 순으로 구성된 중첩관계 요소저장 요소검사/삭제 conole.group : groupEnd()함수 전까지 그룹을 가시적으로 출력해줌 removeChild() : 해당 배열/값의 노드 삭제

2022년 8월 29일
·
0개의 댓글
·

HTML element 수정할 수 있게하는 법

input 이나 textarea 에 적용할 수 있다. 태그 안에 contenteditable="true"를 심어주면 됨

2022년 5월 3일
·
0개의 댓글
·

타입스크립트의 string 과 String 및 객체 유형 타입

string 타입은 원시 타입인 문자열 타입을 의미 String 대문자로 시작하는 스트링 타입은 String 생성자 함수로 생성된 String 래퍼 객체 타입을 의미한다. 또한, 객체의 유형도 타입이 될 수 있다.

2021년 6월 14일
·
0개의 댓글
·