# children

29개의 포스트
post-thumbnail

Today I Learned 2023.03.08. [React 프로젝트 3]

컴포넌트 분리 styled-component 분리

2023년 3월 8일
·
0개의 댓글
·
post-thumbnail

[React] props.children 사용하기

Card 컴포넌트를 만들어 미리 정의된 CSS 설정사용자 지정 컴포넌트(Expensedate)를 Card 컴포넌트로 감싸 사용할 수없음<div> --> <Card>children은 예약어이다.기존 className은 컴포넌트로 변경되면서 클래스가 아닌 속

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

Typescript에서 children을 사용하는 방법

아래 포스트에 잘 설명되어있다.https://blog.logrocket.com/using-react-children-prop-with-typescript/

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

Vue3 - Not Found, 중첩된 라우트(Nested Routes)

라우터의 index.jsviews/NotFoundView.vue실제 앱 UI는 일반적으로 여러 단계로 중첩 된 컴포넌트로 이루어져 있다. URL의 경로가 중첩된 컴포넌트의 특정 구조와 일치한다는 것이게 무슨 말이냐면 특정 페이지로 들어갔을 때 일부 영역은 고정 시키고

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

ts(2746)

이 JSX 태그의 'children' 속성에는 'ReactNode' 형식의 자식 하나가 필요하지만, 여러 자식이 제공되었습니다.ts(2746)\-> 위와같은 에러가 나오는데 브라우저에 npm run start 를 시키면 아무문제 없이 렌더링이 된다.아마 브라우저자체가

2023년 1월 23일
·
0개의 댓글
·

props와 구조분해할당

props.children 은 어떠한 작업도 없이 기본적으로 설정되는 예약어이다. 이를 사용하면 사용자 지정 컴포넌트에 있는 열고 닫는 태그 사이에 있는 컨텐츠의 내용을 표시할 수 있도록 해준다. 함수 컴포넌트에서의 구조 분해 할당 다음코드를 이렇게 줄일 수 있다

2022년 12월 18일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #043일

결과반응형 디자인 2-1에서는 모바일 메뉴를 만들고 left:100% 로 화면 영역 밖으로 빼네는 작업을 했고 오늘 그 메뉴가 나오는 모습까지 만들게 되었다. HTMLSCSSscriptleft로 -100% 가 있던 모바일 메뉴를 제이쿼리로 나오게 구현하였다. 하지만 모

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

Todolist_기초

Header 라는 컴포넌트가 있다.이 컴포넌트는 겉보기로는 props 를 내려받지 않은 것처럼 보인다.하지만, Header 컴포넌트 안으로 들어가보면 children 이라는 props 를 받고 있다.어떻게 된 것일까? children 은 따로 내려주지 않아도 자동으로

2022년 12월 11일
·
0개의 댓글
·

PRE - React 기본구조, 문법

body - id가 root인 div와 index.jsx를 호출하는 srcipt를 명시index.jsx 또는 main.jsximport ReactDOM from 'react-dom/client' : 서버와 상관없이 내 컴퓨터 안에서만 작동(reload)import Ap

2022년 12월 6일
·
0개의 댓글
·

jQuery :: 탐색(순회)메소드 - 자손

jQuery 탐색(순회)메소드의 자손에 대해 정리

2022년 11월 27일
·
0개의 댓글
·

[WIL] 항해 99 3주차 리액트의 시작

리액트에서 사용되는 가장 기초적인 것들의 기본개념을 알아도 적용하지 못하는 것은 제대로 알고 있는 것이 아니라서 제대로 알때까지 해야되는 상태.

2022년 10월 9일
·
0개의 댓글
·
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개의 댓글
·