QA ๋ฆฌ์คํธ
ํ
๋ง ์ค์
- ๊ธฐ๋ฅ ์ ํ๋๋ฐ ํ์ํ๊ฐ??
๊ฐ๋ณ Thread
- ์ข์์ ํด๋ฆญ ์ ์๋ฐํ๊ฐ ์์ง์
- ์ค๋ ๋ ํฐํธ ํฌ๊ธฐ์ ์๋ํฐ ํฐํธ ํฌ๊ธฐ๊ฐ ๋ค๋ฆ
- ์ค๋ ๋ ๋ณธ๋ฌธ ์๊น์ด ํ์ ๋ง๊ณ ๊ฒ์ ์ผ๋ก ํด๋ ์ข์ ๊ฒ ๊ฐ๋ค.
์คํฌ๋กค๋ฐ
- ์๋์ฐ ์คํฌ๋กค๋ฐ๋ ugly โ ๋ ธ์ , ์ฌ๋ ์คํ์ผ๋ก ๋ณ๊ฒฝ

์๋ํฐ
- ๋นํ์์ผ ๋ ๊ธ ์ฐ๋ ๊ฒฝ์ฐ api ํธ์ถ์ด ๋๋๋ฐ ์์
disabled + placeholder(๋ฌธ๊ตฌ : ํ์๋ง ์์ฑํ ์ ์์ต๋๋ค)
๋ฅผ ์ง์ ํ๋ ๊ฒ๋ ๋ก๊ทธ์ธ ๋ชจ๋ฌ์ ๋์์ฃผ๋ ๊ฒ๋ณด๋ค ์ ์ ๊ฒฝํ๋ฉด์์ ์ข์ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ญ๋๋ค.
- ๋ณธ์ธ ๋ฉ์ ํ๋ ๊ฑฐ ๊ฐ๋ฅํ๊ฒ ํด์ผํ๋์งโฆ?
- ์ค๋ ๋ ํฐํธ ํฌ๊ธฐ์ ์๋ํฐ ํฐํธ ํฌ๊ธฐ๊ฐ ๋ค๋ฆ
๋ฉ์ธ ํ์ด์ง (์นญ์ฐฌ,์์,๋ฌด๋ฅ)
- ์คํฌ๋กค์ ๋ ์ง๊ฐ ๊ฐ๋ ค์ง ๋๊ฐ ์์ (๋งฅ์์ ์คํฌ๋กค ํธ๋ฒ ์์ ์คํฌ๋กค์ด ๋๊บผ์์ง๋ค์)

- ๊ฒ์ํ ๊ฒ์๊ธ์ ๊ฐ์ผ ul ํ๊ทธ์ padding-top์ด ์์ด์ ์คํฌ๋กค์ ์ต์๋จ์ผ๋ก ์ฌ๋ ธ์ ๋ ์ฌ๋ฐฑ์ด ์๊น
- ๊ฒ์ํ ์คํฌ๋กค์ ํ ๋๋ง๋ค auth-user๊ฐ ํธ์ถ๋จ(์คํฌ๋กค์ด ์์ธ์ธ์ง๋ ๋ชจ๋ฅด๊ฒ ๋๋ฐโฆ ์๋๋๋ ์์ด ํธ์ถ๋จ)
- ์ค๋ ๋ ์ญ์ /ํธ์ง ๋ฒํผ ํด๋ฆญ ํ์ ๋๋ ๊ตฌํ์ด ์๋์ด์์๋์?(์ง๋ฌธ)
- ๊ธ์ ์์ฑํ์ ๋ ์์ฑ๋ ์ค๋ ๋ ๊ธฐ์ค์ผ๋ก ์คํฌ๋กค์ด ์๋๋ก ์ ๋ด๋ ค๊ฐ์ ์์ฑ์ด ๋์๋์ง ์ ๋ชจ๋ฅด๊ฒ ์
- ์ ์์ ์ฌ๋ฐฑ์ด ๋๋ฌด ๋ง์ ๊ฒ ๊ฐ์(๊ตฌ๋ถ์ ์ด ์์ด์ ๋ ๊ทน๋ํ๋์ด๋ณด์ด๋ ๋๋ ..? ๊ฐ์ธ์๊ฒฌ ์ ๋๋ค..)
๋ด ์๋ฆผ
- ์๋ฆผ ๋ฐฐ์ด์ด ์ค๋ ๊ฒฝ์ฐ JSON.parse ์๋ฌ๊ฐ ๋จ
- ์๋ฆผ์ด ์๋ ๊ฒฝ์ฐ
์๋ฆผ์ด ์กด์ฌํ์ง ์์ต๋๋ค
๋ฑ์ ๋ฌธ๊ตฌ ํ์ํ ๊ฒ ๊ฐ์
- ์๊ฐ ํ ์คํธ๊ฐ ๋๋ฌด ์์
- ํ๋ฃจ ์ , 7์ผ ์ โ https://github.com/date-fns/date-fns ์๋ค

๋ด๊ฐ ์ด ๊ธ
- ๋ด๊ฐ ์ด ๊ธ์ด ์๋ ๊ฒฝ์ฐ
๊ฒ์๊ธ์ด ์กด์ฌํ์ง ์์ต๋๋ค
๋ฑ์ ๋ฌธ๊ตฌ ํ์ํ ๊ฒ ๊ฐ์
์ฌ์ด๋๋ฐ
- flex-shrink: 0; ์ฃผ๋ฉด ์ด๊ฑฐ ๊ด์ฐฎ์์ง

- ์๋ฆผ ๋ฑ์ง๊ฐ ๋ฐ์์ด ๋๋๊ฐ? ์ ๋๋ค๋ฉด ์ ๊ฑฐํ๋ ๊ฒ?
- polling? ์ผ๋ก ๊ณ์ ๊ฐฑ์ ์ ์ง์ ํด์ค์ผ
- ์๊น์ ์ด๋ป๊ฒ?
- og ํ ๊น์? ์ฌ๋์ ์ฃผ์ ์ ๋ ฅํ๋ฉด ์๋ ๊ฒ ์ ๋ ๋์์ผ ํ์ง ์์๊น??
<meta charset="UTF-8"> <link rel="icon" type="image/svg+xml" href="/favicon.png"> <meta content="๋จธ์ฑ๋ ํฐ, musseuk letter, ๋จธ์ฑ;๋ ํฐ" name="keywords"> <meta content="๋ฐ๋ธ์ฝ์ค ์ต๋ช ํธ์ง ์ ์ก ์๋น์ค" name="description"> <meta content="๋จธ์ฑ;๋ ํฐ" name="title"> <meta property="og:title" content="๋ฐ๋ธ์ฝ์ค ์ต๋ช ํธ์ง ์ ์ก ์๋น์ค, ๋จธ์ฑ;๋ ํฐ"> <meta property="og:url" content="https://fedc-4-musseuk-letter-donggeun.vercel.app/"> <meta property="og:type" content="website"> <meta property="og:image" content="/logo_og.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:description" content="ํ์๋ค์๊ฒ ์ ํ์ง ๋ชปํ ๋ง๋ค์ด ์์ด ์์ฝ์ง ์์ผ์ จ๋์? ๋ค๋ฅธ ์ฌ๋์ ๋จธ์ฑ์ด์๊ฒ ํธ์ง๋ฅผ ๋จ๊ฒจ๋ณด์ธ์! ๋๋, ๋น์ ์ ๋จธ์ฑ์ด๋ฅผ ๋ง๋ค์ด์ ๊ณต์ ํด๋ณด์ธ์!"> <title>๋จธ์ฑ;๋ ํฐ</title>
๐จ ๋ด์ผ๊น์ง ๋ฐ์ํด์ผ ํ๋ ๊ฒ
๋ฉ์ธํ์ด์ง (์นญ์ฐฌ, ์์, ๋ฌด๋ฅ)
์๋ํฐ
๋นํ์ ์ฒ๋ฆฌ โ ๋ก๊ทธ์ธ ๋ชจ๋ฌ๋ก ๋ณ๊ฒฝ
์ค๋ ๋ ํฐํธ ๋ฐ๋ผ๊ฐ๊ฒ ์ต๋๋ค.
๋ด ์๋ฆผ
- ์๋ฆผ ๋ฐฐ์ด์ด ์ค๋ ๊ฒฝ์ฐ JSON.parse ์๋ฌ๊ฐ ๋จ โ ์์ ์๋ฃ
- ์๋ฆผ์ด ์๋ ๊ฒฝ์ฐ
์๋ฆผ์ด ์กด์ฌํ์ง ์์ต๋๋ค
๋ฑ์ ๋ฌธ๊ตฌ ํ์ํ ๊ฒ ๊ฐ์ โ ์์ ํ๊ฒ ์ต๋๋ค (1.10๊น์ง)
๋ด๊ฐ ์ด ๊ธ
- ๋ด๊ฐ ์ด ๊ธ์ด ์๋ ๊ฒฝ์ฐ
๊ฒ์๊ธ์ด ์กด์ฌํ์ง ์์ต๋๋ค
๋ฑ์ ๋ฌธ๊ตฌ ํ์ํ ๊ฒ ๊ฐ์ โ ์์ ํ๊ฒ ์ต๋๋ค (1.10๊น์ง)
ํ์๊ฐ์
๋ชจ๋ฌ
์ต๋ช
์ ํ๋กฑ์ด๋ก ๋๋ค์์ ๊ธฐ์
ํ ๊ฒฝ์ฐ ๋ง๋ ์ฒ๋ฆฌ ํ์ํ์ง ์์์ง
๋๋ค์๋ฌธ๊ตฌ: ๋ฏธ๊ฐ์
์
์ต๋ช
์ ํ๋กฑ์ด
๋ก ๋ณ๊ฒฝ์ฑ๊ณตํ์ ๋ ๋์์ด ๋ถ์ฌํจ (์ฑ๊ณตํ๋์ง ๋ชจ๋ฆ)
๋ก๊ทธ์ธ ๋ชจ๋ฌ
๋ก๊ทธ์ธ ์คํจ ์ ์ก์
์์ด ๋ชจ๋ฌ๋ง ๋ซํ
์ฑ๊ณตํ์ ๋ ๋์์ด ๋ถ์ฌํจ (์ฑ๊ณตํ๋์ง ๋ชจ๋ฆ)
ํ๋กํ ๋ณ๊ฒฝ ๋ชจ๋ฌ
์ฑ๊ณต/์คํจํ์ ๋ ๋์์ด ๋ถ์ฌํจ
๋๋ค์ ๋์ผํ๋ฉด ์๋์ฐฝ ๋จ๊ณ ์๋์ฐฝ ๋ซ์ผ๋ฉด ๋ชจ๋ฌ์ด ๋ซํ โ ์๋์ฐฝ ๋ซ์๋ ๋ชจ๋ฌ์ ๋ ์๋๊ฒ ์ข์ ๊ฒ ๊ฐํ์!
์์คํ
์ด๋ผ๋ ๋ฌธ๊ตฌ๋ ๋ณ๊ฒฝ์ด๋ ์๋ง๋๊ฑฐ ๊ฐ์๋ฐ
๋ด ํ๋กํ ํธ์ง
์ ์ด๋ ํ์ ์ง..?์ต๋ช
์ ํ๋กฑ์ด๋ก ๋๋ค์์ ๊ธฐ์
ํ ๊ฒฝ์ฐ ๋ง๋ ์ฒ๋ฆฌ ํ์ํ์ง ์์์ง
์คํฌ๋กค๋ฐ๊ฐ ์๊น (scroll โ auto)
- header๋นผ๊ณ body์๋ง ์คํฌ๋กค์ด ์๋ ๊ฒ ๋ ์ข์๋ณด์ผ์ง๋?
- scroll-x๋ ํ์ ์์์ง๋

๊ฐ๋ณ Thread
๐จ ์์์ผ๊น์ง ๋ฐ์ํด์ผ ํ๋ ๊ฒ
๋ฉ์ธํ์ด์ง (์นญ์ฐฌ, ์์, ๋ฌด๋ฅ)
์๋ํฐ
- ๋นํ์ ์ฒ๋ฆฌ โ ๋ก๊ทธ์ธ ๋ชจ๋ฌ๋ก ๋ณ๊ฒฝ
- ์ค๋ ๋ ํฐํธ ๋ฐ๋ผ๊ฐ๊ฒ ์ต๋๋ค.
๋ด ์๋ฆผ, ๋ด๊ฐ ์ด ๊ธ
- ์๊ฐ ํ ์คํธ๊ฐ ๋๋ฌด ์์ โ ํฌ๊ธฐ ์ข ๋ ํค์ฐ๊ฒ ์ต๋๋ค
- ํ๋ฃจ ์ , 7์ผ ์ โ https://github.com/date-fns/date-fns ์๋ค
ํ์๊ฐ์ ๋ชจ๋ฌ
padding์ด ์๋ชป ๋ค์ด๊ฐ์ ธ ์๋ ๊ฒ ๊ฐ์(๋ก๊ทธ์ธ ๋ชจ๋ฌ, ๋ด ํ๋กํ ํธ์ง ๋ชจ๋ฌ ๋์ผ)

backdrop ํด๋ฆญ ์ ๋๊ฐ์ง์ง ์์
๋ค๋ฅธ ๊ณณ ํด๋ฆญํ์ ์ ์ ํจ์ฑ ์คํจ ๋ฌธ๊ตฌ๊ฐ ๋จ๊ณ ๋์ด๊ฐ (๋ก๊ทธ์ธ ๋ชจ๋ฌ ๋์ผ)
๋ชจ๋ฌ์ด ๊ทธ ์ฌ๋ฌด์ ์ผ๋ก ์๊ฒผ์ด์ ์ข ๋ ํ์ํ์ผ๋ฉด ์ข๊ฒ ์ด์!
- (๋์์ธ ์๊ตฌ์ฌํญ์ด๋ผ์ ์ด๋ ค์ธ ๋ฏ)
๋ก๊ทธ์ธ ๋ชจ๋ฌ
ํ๋กํ ๋ณ๊ฒฝ ๋ชจ๋ฌ
์ด๋ฆ๊ณผ ์ด๋ฉ์ผ๋ ๋ค๋ฅธ input์ฐฝ๊ณผ ๋์ผํด์ ๋ฐ๊ฟ ์ ์์ ๊ฒ ๊ฐ์ ํฌ๋ง๊ณ ๋ฌธ์๊น
disabled
์ฒ๋ฆฌํด๋๋ ๊ฑด ์ด๋ค๊ฐ์??