# children

21개의 포스트
post-thumbnail

Property 'children' does not exist on type 'Node'.ts(2339)

puppeteer로 동적인 페이지의 컨텐츠를 가져와서 cheerio로 문자를 추출하려고 했다.typescript에서 rows\[0].children\[0]의 type은 Node인데 여기엔 children 속성이 없다고 에러를 발생시켰다.테스트 코드로 디버깅해보면 결과가

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

요소 찾기 07. 웹페이지 시작하기

01.부모,조상 요소 찾기 parentElement : 부모요소 찾기 , 태그만 찾음 closest : 현재 엘레멘트에서 가장 가까운 조상요소 찾기 , 없다면 null 반환 > ### 02.자식,자손 요소 찾기 childNodes : 지정된 요소의 텍스트와 하위 요소

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

이번주에 배운 것

참고: How return await can slow down your code참고: Why React.FC dosen't allow me to just return children?children은 React.ReactNode 타입인데, React.FC 함수가 반환하

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

[TIL] React children

강의 중 갑자기 만난 이 녀석...🤔🙄 children은 태그와 태그 사이의 모든 내용을 표시하기 위해 사용되는 특수한 props를 말한다. 위의 코드의 경우, 다른 컴포넌트에서 GridBox를 부르는 태그 안의 내용이 children에 삽입된다. GridBox라는 레이아웃을 만들고 이를 여러 컴포넌트에서 재사용할 때, 그 안의 content만 바꾸어...

2022년 4월 1일
·
0개의 댓글
·
post-thumbnail

TS - children

npx react-native init MyApp --template react-native-template-typescript참고: 시스템에 이전 버전의 react-native 또는 react-native-cli가 global로 설치되어 있을 경우 위의 명령이 실패할

2022년 2월 21일
·
0개의 댓글
·

[React] React Children (feat. React.Children.toArray(children))

React.Children.toArray(children) 공식 문서 설명 : children불투명 데이터 구조를 각 자식에 할당된 키가 있는 평면 배열로 반환합니다 . 렌더링 메서드에서 자식 컬렉션을 조작하려는 경우, 특히 this.props.children전달하기

2022년 2월 4일
·
0개의 댓글
·
post-thumbnail

[FC] DOM의 이해 Day-9

Document Object Model (문서 객체 모델)실제 Body 안쪽 html 요소들을 script로 제어하는 기능DOM 제어는 상당히 중요하다. 원하는 곳을 직접 제어하기 위해서..JS를 연결하는 방법은 다양하지만 가장 순수한 JS 연결법은..모든 예시는 위

2022년 1월 31일
·
0개의 댓글
·

NodeList랑 HTMLCollection

NodeList랑 HTMLCollection

2021년 11월 15일
·
0개의 댓글
·
post-thumbnail

[CS] DOM Day-18

DOM Document Object Model JavaScript를 이용해 Element 속성값을 얻어내거나, 변경하는 방법 DOM은 JavaScript가 아닙니다. (JavaScript를 이용해 DOM구조에 접근) HTML문서의 구조와 관계를 객체(Object)로 표

2021년 10월 28일
·
0개의 댓글
·
post-thumbnail

React, component 재사용

컴포넌트 기반의 리액트.

2021년 10월 23일
·
0개의 댓글
·
post-thumbnail

[React] this.props.children

this.props.children을 이용한 컴포넌트 재사용에 대해 알아봅시다.

2021년 9월 4일
·
0개의 댓글
·

[jQuery] parents(), parent(), closest(), siblings(), children() - Selector

선택한 요소의 모든 부모요소들을 선택한다.두번째 상위요소(grandmom) 호출 하는 방법 - index로 호출 하는 eq()사용선택한 요소의 가장 가까운 부모요소를 선택한다.선택한 요소를 포함하면서 가장 가까운 부모요소를 선택한다.closest('선택자'), clos

2021년 4월 7일
·
0개의 댓글
·

[TIL] React 의 Children PropTypes 설정

니꼬 강의를 듣다가 적어둔다.출처: https://nomadcoders.co/react-for-beginners/lectures/521https://github.com/yannickcr/eslint-plugin-react/issues/7

2021년 3월 28일
·
0개의 댓글
·

[React] props

properties를 줄인 표현으로 컴포넌트의 속성을 설정할 때 사용하는 요소. props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있다.arrayOf(다른 PropType) : 특정 PropType으로 이루어진 배열 (ex arrayOf(Pr

2021년 3월 27일
·
0개의 댓글
·
post-thumbnail

[말로 풀어쓴 React] props(properties), children

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

2020년 12월 29일
·
0개의 댓글
·
post-thumbnail

React - Props, Children

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

2020년 9월 20일
·
0개의 댓글
·
post-thumbnail

[TIL] 2020/08/21

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

2020년 8월 21일
·
0개의 댓글
·
post-thumbnail

[+32]children-React

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

2020년 2월 28일
·
0개의 댓글
·