Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- object
- 객체 속 객체
- react
- 전역스코프
- useState
- rerender
- 개발자
- 함수호이스팅
- 함수선언식
- 옵셔널 체이닝 연산자
- 이직
- 23년 상반기
- type script
- 모던 자바스크립트 Deep Dive
- Object in Object
- til
- 객체 리터럴
- 모던자바스크립트
- 2023 회고
- Type {children: Element} has no properties in common with type IntrinsicAttributes
- null 병합 연산자
- Java Script
- Object Type
- 지역스코프
- 회고
- 모던자바스크립트 Deep Dive
- mobx react
- Object.is
- 개발자 회고
- 객체
Archives
- Today
- Total
목록Type {children: Element} has no properties in common with type IntrinsicAttributes (1)
Pie_Archive
React + Type Script 로 팝업창 만들기( + Type {children: Element} has no properties )에러 해결방법
최근 프로젝트를 설계하면서 공용 컴포넌트를 어떻게 짜야되는지에 대한 고민이 깊다. 그래도 하나씩 설계하는 가운데, 팝업창 컴포넌트를 만드는 과정과 생긴 오류에 대해 적어보고자 한다. 0. 목표 설정 일단 이런 형태의 팝업창을 만들 예정이다. 안에 들어가는 컨텐츠에 대한 고민은 나중에 하기로 하고, 화면 가운데에 뜨는 하얀 창 + 외부 어두운 창 의 컴포넌트를 만들고 싶었다. 실패기 1. Styled-components로 만들기 사실 이건 볼것도 없이 실패했다. 팝업 창을 만들려면 내부 흰 부분 + 밖 검은 부분 두개의 div 가 필요한데, 재사용성을 위해 두개의 Outer, Inner 를 따로 사용하려면 여간 번거로운게 아니었다. 2. React Components 형태로 제작하여 Element 전달하기..
Front End
2022. 5. 18. 00:09