일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- RTK Query
- map
- 타입 좁히기
- webpack
- 태그된 유니온
- useAppDispatch
- dfs
- 무한 스크롤
- 이분 검색
- TS
- React
- Cypress
- 투포인터
- CORS
- 반공변성
- tailwind
- ESlint
- 인터섹션
- 리터럴 타입
- 호이스팅
- 결정 알고리즘
- recoil
- SSR
- CI/CD
- autosize
- async/await
- Jest
- Promise
- 공변성
- app router
Archives
- Today
- Total
목록레이아웃 (1)
짧은코딩
공통된 레이아웃을 사용할 때
공통된 레이아웃을 사용할 때 공통된 레이아웃을 사용하기 위해서는 2가지 방법이 있다. 방법 1 -workspace test Sleact MenuScroll Chats {children} 이렇게 {children}을 레이아웃 부분에 넣는다. -컴포넌트 const Channel = () => { return ( {/* div 태그가 Workspace의 children이 된다. 즉 다른 컴포넌트 안에 넣은 jsx는 childre이 된다. */} 로그인하신 것을 축하드려요! ); }; 이렇게 각 컴포넌트에 가서 Workspace를 감싸면 div가 children 역할을 하게 된다. 방법2 공통 레이아웃인 Workspace 파일에 하면된다. const Channel = loadable(() => import('@..
인프런, 유데미/Slack 클론 코딩
2022. 7. 21. 18:11