-
Notifications
You must be signed in to change notification settings - Fork 4
Day7
LeeMir edited this page Nov 2, 2021
·
1 revision
๋ฏผ์ง : ์ ๋ฝ ์ฌํ ๊ฐ๋ค ์ค๋๊น ์ฝ๋ก๋๊ฐ ํฐ์ ธ์์์
์์ฃผ : ํํธ
์์ฉ : ํผ์ ์ฌํ๊ฐ๋ ๊ฑธ ์ข์ํด์ ์ํ๋ฆฌ์นด์ ๋ค๋ ์๋ด
๋ช ์ฌ : ์ค์คํธ๋ฆฌ์ ๊ฐ๊ณ ์ถ์
- feat/login#7
- useTab
- utils/constants.ts
enum MyStatus {
sleep = '์๋ฉด์ค';
study = '๊ณต๋ถํ๋์ค';
play = '๋
ธ๋์ค';
work = '์ผํ๋์ค';
};
- ์ ์ ์ ๋ณด(์ด๋ฆ, ์ด๋ฉ์ผ, ์ํ, ์ง๊ธ ๋ฑ)
- ํ ๋ชฉ๋ก : ๊ทธ๋๊ทธ๋ DB์์ ๊ฐ์ ธ์ค๊ธฐ
- ํ์ ๋ชฉ๋ก : "
- styled-components ์ธ๊ฑฐ์
<Container>
<NavWrapper>
<Nav />
</NavWrapper>
<TabContainer>
<IconWrapper>
<์์ด์ฝ์ด๋ฆ/>
</IconWrapper>
<IconWrapper>
<์์ด์ฝ์ด๋ฆ/>
</IconWrapper>
</TabContainer>
</Container>
- 1๊ฐ ๊ฐ์ธ๋ฉด Wrapper
- 2๊ฐ ์ด์์ด๋ฉด Container
<Layout>
{content}
</Layout>
- px -> rem
- px = 1ํฝ์
- em rem = ๊ธ์ 1๊ฐ ํฌ๊ธฐ
- border, box-shadow: px
- ๋๋จธ์ง: %, vw, vh, rem
9์ -> 10์๋ก (๊ทธ๋๋ ๋ชจ์๋ผ๋ฉด 11์๊น์ง)
fetch ์ฌ์ฉ