일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- map
- Cypress
- ESlint
- 반공변성
- autosize
- recoil
- 무한 스크롤
- Promise
- Jest
- 투포인터
- 결정 알고리즘
- RTK Query
- SSR
- 리터럴 타입
- CI/CD
- 태그된 유니온
- 이분 검색
- async/await
- app router
- 공변성
- tailwind
- 인터섹션
- CORS
- dfs
- 타입 좁히기
- 호이스팅
- React
- TS
- useAppDispatch
- webpack
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