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