# children

Property 'children' does not exist on type 'Node'.ts(2339)
puppeteer로 동적인 페이지의 컨텐츠를 가져와서 cheerio로 문자를 추출하려고 했다.typescript에서 rows\[0].children\[0]의 type은 Node인데 여기엔 children 속성이 없다고 에러를 발생시켰다.테스트 코드로 디버깅해보면 결과가
요소 찾기 07. 웹페이지 시작하기
01.부모,조상 요소 찾기 parentElement : 부모요소 찾기 , 태그만 찾음 closest : 현재 엘레멘트에서 가장 가까운 조상요소 찾기 , 없다면 null 반환 > ### 02.자식,자손 요소 찾기 childNodes : 지정된 요소의 텍스트와 하위 요소

이번주에 배운 것
참고: How return await can slow down your code참고: Why React.FC dosen't allow me to just return children?children은 React.ReactNode 타입인데, React.FC 함수가 반환하
[TIL] React children
강의 중 갑자기 만난 이 녀석...🤔🙄 children은 태그와 태그 사이의 모든 내용을 표시하기 위해 사용되는 특수한 props를 말한다. 위의 코드의 경우, 다른 컴포넌트에서 GridBox를 부르는 태그 안의 내용이 children에 삽입된다. GridBox라는 레이아웃을 만들고 이를 여러 컴포넌트에서 재사용할 때, 그 안의 content만 바꾸어...

TS - children
npx react-native init MyApp --template react-native-template-typescript참고: 시스템에 이전 버전의 react-native 또는 react-native-cli가 global로 설치되어 있을 경우 위의 명령이 실패할
[React] React Children (feat. React.Children.toArray(children))
React.Children.toArray(children) 공식 문서 설명 : children불투명 데이터 구조를 각 자식에 할당된 키가 있는 평면 배열로 반환합니다 . 렌더링 메서드에서 자식 컬렉션을 조작하려는 경우, 특히 this.props.children전달하기

[FC] DOM의 이해 Day-9
Document Object Model (문서 객체 모델)실제 Body 안쪽 html 요소들을 script로 제어하는 기능DOM 제어는 상당히 중요하다. 원하는 곳을 직접 제어하기 위해서..JS를 연결하는 방법은 다양하지만 가장 순수한 JS 연결법은..모든 예시는 위
[JavaScript/React]중복되는 소스가 많아져 수정하기 힘든 이슈 해결하기(+Props, 비구조화 할당, Children)
중복되는 소스를 간결하게 정리해보려고 노력하였읍니다...

[CS] DOM Day-18
DOM Document Object Model JavaScript를 이용해 Element 속성값을 얻어내거나, 변경하는 방법 DOM은 JavaScript가 아닙니다. (JavaScript를 이용해 DOM구조에 접근) HTML문서의 구조와 관계를 객체(Object)로 표
[jQuery] parents(), parent(), closest(), siblings(), children() - Selector
선택한 요소의 모든 부모요소들을 선택한다.두번째 상위요소(grandmom) 호출 하는 방법 - index로 호출 하는 eq()사용선택한 요소의 가장 가까운 부모요소를 선택한다.선택한 요소를 포함하면서 가장 가까운 부모요소를 선택한다.closest('선택자'), clos
[TIL] React 의 Children PropTypes 설정
니꼬 강의를 듣다가 적어둔다.출처: https://nomadcoders.co/react-for-beginners/lectures/521https://github.com/yannickcr/eslint-plugin-react/issues/7
[React] props
properties를 줄인 표현으로 컴포넌트의 속성을 설정할 때 사용하는 요소. props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있다.arrayOf(다른 PropType) : 특정 PropType으로 이루어진 배열 (ex arrayOf(Pr

[말로 풀어쓴 React] props(properties), children
props가 없을 때props(properties)를 사용할 때 children를 사용할 때props, children 정리 App.js, First.js, Second.js 모두 src 폴더 안에 있으면 실행됩니다. (create-react-app)하면 생기는 디렉

React - Props, Children
Props React에서는 Component를 다른 Component로 import해서 사용할 수 있다. import하는 Component를 부모라 칭하고, import되는 Component를 자식이라고 칭한다. >2개의 Component사이에는 부모-자식 관계가

[TIL] 2020/08/21
Today, I Learned 재귀함수를 이용해서 getElementByClassName() 메서드를 구현해봤다. element.classList.contains(classname)을 이용해서 해당 요소에 찾고자하는 클래스 명이 있는지를 탐색해볼 수

[+32]children-React
propsprops 사용 예시children사용 예시프로젝트 적용 사례1.propsComponent Hierarchy (컴포넌트 계층구조)컴포넌트의 장점: 하나의 컴포넌트가 다른 컴포넌트를 포함할 수 있다. 즉 부모-자식 관계가 될 수 있다.props란?properti