Skip to content
LeeMir edited this page Nov 2, 2021 · 1 revision

์˜ค๋Š˜์˜ TMI

๋ฏผ์ง€ : ์œ ๋Ÿฝ ์—ฌํ–‰ ๊ฐ”๋‹ค ์˜ค๋‹ˆ๊นŒ ์ฝ”๋กœ๋‚˜๊ฐ€ ํ„ฐ์ ธ์žˆ์—ˆ์Œ

์›์ฃผ : ํ™ˆํŠธ

์ˆ˜์šฉ : ํ˜ผ์ž ์—ฌํ–‰๊ฐ€๋Š” ๊ฑธ ์ข‹์•„ํ•ด์„œ ์•„ํ”„๋ฆฌ์นด์— ๋‹ค๋…€์™€๋ด„

๋ช…์žฌ : ์˜ค์ŠคํŠธ๋ฆฌ์•„ ๊ฐ€๊ณ  ์‹ถ์Œ


์˜ค๋Š˜์˜ ์•ˆ๊ฑด

๋ธŒ๋žœ์น˜ ์ด๋ฆ„

  • feat/login#7

ํ”„๋ฆฌํ‹ฐ์–ด, eslint ์„ค์ •

  • useTab

์ƒ‰๊น” ์ƒ์ˆ˜

  • utils/constants.ts
enum MyStatus { 
    sleep = '์ˆ˜๋ฉด์ค‘'; 
    study = '๊ณต๋ถ€ํ•˜๋Š”์ค‘'; 
    play = '๋…ธ๋Š”์ค‘'; 
    work = '์ผํ•˜๋Š”์ค‘'; 
};

์ „์—ญ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ƒํƒœ

  • ์œ ์ € ์ •๋ณด(์ด๋ฆ„, ์ด๋ฉ”์ผ, ์ƒํƒœ, ์ง๊ธ‰ ๋“ฑ)
  • ํŒ€ ๋ชฉ๋ก : ๊ทธ๋•Œ๊ทธ๋•Œ DB์—์„œ ๊ฐ€์ ธ์˜ค๊ธฐ
  • ํŒ€์› ๋ชฉ๋ก : "

className x

  • styled-components ์“ธ๊ฑฐ์ž„

Styled-Components naming

<Container>
    <NavWrapper>
        <Nav />
    </NavWrapper>
    <TabContainer>
        <IconWrapper>
            <์•„์ด์ฝ˜์ด๋ฆ„/>
        </IconWrapper>
        <IconWrapper>
            <์•„์ด์ฝ˜์ด๋ฆ„/>
        </IconWrapper>
    </TabContainer>
</Container>
  • 1๊ฐœ ๊ฐ์‹ธ๋ฉด Wrapper
  • 2๊ฐœ ์ด์ƒ์ด๋ฉด Container
<Layout>
    {content}
</Layout>

css ๋‹จ์œ„

  • px -> rem
  • px = 1ํ”ฝ์…€
  • em rem = ๊ธ€์ž 1๊ฐœ ํฌ๊ธฐ
  • border, box-shadow: px
  • ๋‚˜๋จธ์ง€: %, vw, vh, rem

pr ์‹œ๊ฐ„ ๋„ˆ๋ฌด ์ด๋ฅด์ง€ ์•Š๋‚˜์š”

9์‹œ -> 10์‹œ๋กœ (๊ทธ๋ž˜๋„ ๋ชจ์ž๋ผ๋ฉด 11์‹œ๊นŒ์ง€)

fetch vs axios

fetch ์‚ฌ์šฉ

Clone this wiki locally