๋์ด๋ง๊ฐ๋ ์๋ง์ ๋ถ๋งํฌ, ์ ๋ฆฌํด๋ณด๊ฒ ๋ค๊ณ ๋ง๋ ๋ถ๋งํฌ ํด๋๋ค...
ํน์ ์ฝ์ง ์์ ๋ถ๋งํฌ๋ค์ด ์์ฌ๋ง ๊ฐ๊ณ ์์ง ์์ผ์ ๊ฐ์?
๊ฑฑ์ ํ์ง๋ง์ธ์. ๋น์ทํ ์ฃผ์ ์ ๋ถ๋งํฌ๋ฅผ ์ฝ๋ ์
์ ๋ด์ ๊ฐ์งํ์ธ์.
์ฝ์ง ์์ ๋ถ๋งํฌ๋ค์ ์๋ฆผ์ ํตํด Recollectํ์ค ์ ์์ต๋๋ค!
- ์ฌ๊ธฐ์ ๊ธฐ ํฉ์ด์ง ๋ถ๋งํฌ๋ฅผ ํ๋์ ๋ชจ์๋ณผ ์ ์์ด์.
- ๋ถ๋งํฌ๋ฅผ ๋๋๊ทธ&๋๋กญ์ผ๋ก ์ฝ๊ณ ๋น ๋ฅด๊ฒ ์ ๋ฆฌํด๋ด์.
- ๋น์ทํ ์ฃผ์ ์ ๋ถ๋งํฌ๋ ํ๋์ ์นดํ ๊ณ ๋ฆฌ์ ๋ด์์.
- ์ ์ฅ๋ง ํด๋๊ณ ๋ค์ ์ฝ์ง ์์๋ ๋ถ๋งํฌ๋ ์๋ฆผ์ ํตํด ๋ค์ ๋ชจ์๋ณผ ์ ์์ด์.
- ์์ง ์๊ณ ๋ค์ ๋ณผ ์ ์๊ฒ, ์ผ์ฃผ์ผ์ ํ ๋ฒ ๋ฉ์ผ๋ก ์๋ ค๋๋ ค์.
- ๋ค๋ฅธ ์ ์ ๋ค์ ๋ถ๋งํฌ ์ฝ๋ ์ ์ ํํํ๊ณ , ๋น์ทํ ๊ด์ฌ๋ถ์ผ์ ์ ์ ๋ฅผ ํ๋ก์ฐํด์. (beta)
ํ์๊ฐ์ , ๋ก๊ทธ์ธ, ๋น๋ฐ๋ฒํธ ์ฐพ๊ธฐ, ๋ก๊ทธ์์
์ฝ๋ ํธ ํ์ด์ง (๋ถ๋งํฌ ํ์ด์ง)
ํ๋กํ ํ์ด์ง
์ด๋ฆ(๊นํ๋งํฌ) | Position & Role |
---|---|
๊น์์ค | ๐ป Front-end, ๐ Team leader |
๊น์ง์ฐ | ๐ป Front-end, โฐ Time Manager |
๋ฐ์ ๋น | ๐ป Back-end, ๐ Record Manager |
์ด์์ค | ๐ป Front-end, ๐ฃ Communication Manager |
๊น์์ค
Q. React-Slick ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ ์ด์
![](https://user-images.githubusercontent.com/66819143/128673828-fd11b74d-b05a-48b9-a231-aa06df598f98.png)
A. ์ด๋ฒ ํ๋ก์ ํธ์์ ์ต์คํ๋ก์ด ํ์ด์ง๋ฅผ ๊ตฌํํ๋ฉฐ ์์ ํ์ดํ ๋ฒํผ์ ํด๋ฆญํ๋ฉฐ ํผ์ณ์ง ์นด๋๋ฅผ ๋ณผ ์ ์๋ ์ผ๋ฌ์ ์ ๊ตฌํํ์ต๋๋ค. ๊ธฐ๋ฅ๊ตฌํ์ ์ํด ๊ตฌ๊ธ๋ง ํด๋ณธ ๊ฒฐ๊ณผ ์ง์ ๊ตฌํํ ์ ์๋ ๋ฐฉ๋ฒ๊ณผ, ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ด์ฉํด์ ๊ตฌํํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์์์ต๋๋ค.
ํฌ๊ฒ ์ด๋ ค์๋ณด์ด์ง ์๋ ๊ธฐ๋ฅ๊ฐ๋ค๋ ์๊ฐ์ ์ง์ ๊ตฌํ์ ์๋ํ์์ต๋๋ค. ์ฌ๋ผ์ด๋๋ฅผ ๋ด์ ์ปจํ ์ธ ๋ฅผ ๋ง๋ค๊ณ , ํด๋ฆญ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ ๋๋ง๋ค ์ปจํ ์ธ ์ margin-left์ ๊ฐ์ ๋ํ๊ฑฐ๋ ๋นผ์ ๋ ธ์ถ๋๋ ์นด๋๋ฅผ ์ด๋์์ผ์คฌ์ต๋๋ค. ๋ง์ง๋ง์ผ๋ก transformX์์ฑ์ ์ ์ฉํ์ฌ ์นด๋๊ฐ ๋ ๋ถ๋๋ฝ๊ฒ ์ด๋๋๋๋ก ํ์์ต๋๋ค.
ํ์ง๋ง width๊ฐ์ ๋ฐ๋ฅธ ๋ฐ์ํ ๋์์ธ์ ๊ตฌํํ๋ ๊ณผ์ ์์ ์ด๋ ค์์ด ์๊ฒผ์ต๋๋ค. ํ๋ฉด ํฌ๊ธฐ์ ๋ฐ๋ผ ๋ ธ์ถ๋๋ ์นด๋์ ์๋ฅผ ์กฐ์ ํ๊ณ margin-left์์ฑ์ ์ ์ฉ๊ฐ์ ๋ณ๊ฒฝํ๋ค๋ณด๋ ๋ํ๋๊ฒ ๋ถ๋๋ฝ์ง ์์๊ณ , ์บ๋ฌ์ ์ด ๋ง์๊ฑฐ๋ ์ ๋งคํ ํฌ๊ธฐ์ ๊ฒฝ์ฐ์๋ ์ข์ฐ ๋์นญ์ด ๋ง์ง ์์์ต๋๋ค. ์ ํด์ง ์๊ฐ๋์ ๊ตฌํํด์ผ ํ๋ ๊ธฐ๋ฅ๋ค์ ๋ง์๋ฐ, ์บ๋ฌ์ ๊ตฌํ์์๋ง ์๊ฐ์ด ๋ง์ด์ง์ฒด๋๋ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํ์ ๋น๋ ค๋ณด๊ธฐ๋ก ํ์ต๋๋ค.
React-Slick ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ด์ฉํ์ฌ ์ ๋ฌธ์ ๋ค์ ํด๊ฒฐํ ์ ์์์ต๋๋ค. ( ๊ธฐ๋ณธ์์๋ค์ ์ปค์คํฐ๋ง์ด์งํ์ฌ ๋์์ธํ๋ ์๊ฐ์ด ๊ฝค ๊ฑธ๋ ธ์ง๋ง ) ๋ฐ์ํ ๋ฌธ์ ๋ฅผ ์ฝ๊ฒ ํด๊ฒฐํ ์ ์์์ต๋๋ค. ๋๋ถ์ด ํ๋ฉด์ ๋ ธ์ถ์ํฌ ์นด๋์ ์, ํด๋ฆญ์ ํ ๋๋ง๋ค ๋๊ธธ ์นด๋์ ์ ๋ฑ ๋ง์ ์ต์ ๋ค์ ์ฝ๊ฒ ์ค์ ํ ์ ์์ด์ ํจ์ฌ ๋ถ๋๋ฝ๊ฒ ๋์ํ๋ ์บ๋ฌ์ ์ ๊ตฌํํ ์ ์์์ต๋๋ค.
๊น์ง์ฐ
Q. ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ๊ฐ์ฅ ์ ๊ฒฝ์ผ๋ ๋ถ๋ถ์ ๋ฌด์์ธ๊ฐ์?
A. ์ฃผ์ ๋ฅผ ์ ์ ํ๊ณ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ ๋์ ๊ณ์ํด์ ๊ณ ๋ฏผํ๋ ๊ฒ์ ์ฐ๋ฆฌ์ ์๋น์ค๊ฐ ์ค์ ๋ก ์์ฉํ๋๊ธฐ์๋ ์ข์ ํธ๋ฆฌํ ์๋น์ค๋ฉด ์ข๊ฒ ๋ค๋ ๊ฒ์ด์์ต๋๋ค. ๊ทธ๋์ ํ์์ ์ฌ์ฉ์์ ์ ์ฅ์์ '์ด๋ฐ ์๋น์ค๊ฐ ์๋ค๋ฉด ์ข์ํ ๋ฐ', '์ด๋ฐ ๊ธฐ๋ฅ์ด ์ถ๊ฐ๋๋ฉด ๋ ํธ๋ฆฌํ ํ ๋ฐ'๋ผ๊ณ ์๊ฐํ๋ ๊ฒ๋ค์ ๋ ์ฌ๋ ค๋ณด์์ต๋๋ค.๊ฐ๋ฐ๊ณต๋ถ๋ฅผ ์์ํ๋ฉด์ ๋ค์๋ณด๊ณ ์ถ์ ์น์ปจํ ์ธ ๋, ์์ฃผ ๋ค์ด๊ฐ๋ ์ฌ์ดํธ๋ค์ ๋ถ๋งํฌํด์ผ ํ ์ผ์ด ๋์ด๋ฌ์ต๋๋ค. ๋ธ๋ผ์ฐ์ ์๋จ ๋ถ๋งํฌํญ์ ์ ์ฅํ๊ฑฐ๋, ๋ฉ๋ชจ์ฅ์ ๋งํฌ๋ฅผ ๊ฑธ์ด๋๊ฑฐ๋, ๋ฉ์ธ์ง ๋์๊ฒ ๋ณด๋ด๊ธฐ ๋ฑ๋ฑ ์ฌ๋ฌ ๋ฐฉ๋ฒ์ ์จ๋ณด์์ง๋ง, ํฉ์ด์ง ๋ถ๋งํฌ๋ฅผ ์ฐพ์ ์ค๋์๊ฐ ํค๋งค๊ฒ ๋๋ ๋ถํธํจ์ด ์์์ต๋๋ค. ์ฌ์ง์ด ์ ์ฅํด๋๊ณ ๋ ์์ด๋ฒ๋ ค ๋ค์ ๋ณด์ง ๋ชปํ๋ ๊ฒฝ์ฐ๋ ์๊ฒผ์ต๋๋ค.
๊ทธ๋์ ๋ถ๋งํฌ๋ฅผ ๋ณด๊ธฐ ์ข๊ฒ ๊ด๋ฆฌํ ์ ์๊ณ , ์ ์ฅํด๋๊ณ ์์ด๋ฒ๋ฆฌ๋ ์ผ ์์ด ์๋ฆผ์ ๋ฐ์๋ณผ ์ ์๋ ์๋น์ค๋ฅผ ์ง์ ๋ง๋ค์ด๋ณด๊ธฐ๋ก ํ์ต๋๋ค. ์ ๋ฅผ ํฌํจํด ๋ถ๋งํฌ ๊ธฐ๋ฅ์ ์์ฃผ ์ฌ์ฉํ๋ ํ์๋ค์ ๊ฒฝํ์ ๋ฐํ์ผ๋ก ์ ์ฒด์ ์ธ ์น์ ๊ธฐ๋ฅ์ ๊ตฌ์ฒดํํ๊ณ , ์ฌ์ฉ์์๊ฒ ๋์ฑ ํธ๋ฆฌํ ์๋น์ค๊ฐ ๋ ์ ์๋๋ก UX๋ฅผ ๊ณ ๋ คํ UI๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๋ ธ๋ ฅํ์ต๋๋ค.
๋จ์ํ ๋ถ๋งํฌ๋ฅผ ์ถ๊ฐํ๊ณ ์ญ์ ํ๋ ๊ธฐ๋ณธ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๊ฒ์ ๊ทธ์น์ง ์๊ณ , ๋ฒํผ์ ์์น, ๊ธ์, ์์, ํ๋ฉด์ ๋น์จ ๋ฑ์ ์ ์ ํ ์กฐ์ ํ๋ ์ผ์ ์๊ฐ์ ๋ค์์ต๋๋ค. ๋ํ, ์นํ์ด์ง ๋ด์ ์ฝ์ง์๊ณ ๋ฐฉ์น๋ ๋ถ๋งํฌ๋ฅผ ์๋ ค์ฃผ๋ ์๋ฆผ๋ฐฐ๋๋ฅผ ๊ตฌํํ ๊ฒ ์ธ์, ์ผ์ฃผ์ผ์ ํ ๋ฒ ์ด๋ฉ์ผ๋ก๋ ์๋ ค์ฃผ๋ ์ด๋ฉ์ผ ์๋ฆผ๊ธฐ๋ฅ์ ์ถ๊ฐํด ๋งค๋ฒ ์ง์ ์นํ์ด์ง๋ก ๋ค์ด์์ผํ๋ ์ฌ์ฉ์์ ๋ถํธํจ์ ์ค์ผ ์ ์๋๋ก ํ์ต๋๋ค.
์ ํด์ง ์๊ฐ๋ด์ ๊ธฐํ,๋์์ธ,๊ธฐ๋ฅ๊ตฌํ์ ๋ชจ๋ ํด์ผํด์ ์์ง ๋ถ์กฑํ ๋ฉด์ด ์๋ค๊ณ ์๊ฐํ์ง๋ง, ์ ๋ฅผ ๋น๋กฏํ ํ์๋ค ๋ชจ๋ ์๋น์ค๋ฅผ ๋ง๋๋ ์ฌ๋, ๊ฐ๋ฐํ๋ ์ฌ๋์ ์
์ฅ์ด ์๋ ์ฌ์ฉ์์ ์
์ฅ์์ ํธ๋ฆฌํ ์๋น์ค๋ฅผ ๋ง๋๋ ์ผ์ ์ค์์ฑ์ ๋ํด ๊ณต๊ฐํ๊ณ ์๊ธฐ ๋๋ฌธ์ ํ๋ก์ ํธ๋ฅผ ๋์ฑ ๊ฐ์ ํด๋๊ฐ ๊ณํ์
๋๋ค. ([email protected] ํผ๋๋ฐฑ์ ์ธ์ ๋ ํ์์
๋๋ค
Q. ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ๊ฐ์ฅ ์ด๋ ค์ ๋ ๋ถ๋ถ์ด ๋ฌด์์ธ๊ฐ์?
A. ๋น์ฐํ ์ด์ผ๊ธฐ์ง๋ง, ํผ์์ ๋ชจ๋ ๋ถ๋ถ์ ๋งก์์ ์งํํ๊ฑฐ๋, ๋ชจ๋ ๋ถ๋ถ์ ํจ๊ป ๊ตฌํํ๋ ๊ฒ์ด ๋นํจ์จ์ ์ธ ์งํ๋ฐฉ์์์ ์์ 2์ฃผ ํ๋ก์ ํธ์์ ๊ฒฝํํ๊ธฐ ๋๋ฌธ์, ์ด๋ฒ ํ๋ก์ ํธ์์๋ ํ์๊ฐ ์ปดํฌ๋ํธ ๋จ์, ํน์ ํ์ด์ง ๋จ์๋ก ๋ถ์ ์ ํด์ ์ฝ๋๋ฅผ ์์ฑํ๊ธฐ๋ก ํ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฌ์ ๋ชฉ์ , ํ๋กํ ํ์ ์ ์ ๋จ๊ณ์์ UI ์ปดํฌ๋ํธ๋ค์ ์ต๋ํ ํต์ผ์ฑ์๊ณ ๊ผผ๊ผผํ๊ฒ ๋ง๋ค๊ณ , css ๋ฃจํธ์ค์ , ๋ณ์์ ๋ฉ์๋๋ช ๊ท์น์ ์งํค๋ฉด์ ์์ ์ ์งํํ์ต๋๋ค. ๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ ์ฝ๋๊ตฌ์กฐ๊ฐ ๋ณต์กํด์ง๋ฉด์ ์๋ก์ ์ฝ๋๋ฅผ ํ ๋ฒ์ ์ดํดํ๋๋ฐ์ ์ด๋ ค์์ด ์์์ต๋๋ค. ๊ฒ๋ค๊ฐ ์ ํด์ง ์๊ฐ ์์ ๊ฐ์ ๋งก์ ๊ธฐ๋ฅ๊ตฌํ์ ์ง์คํ๋ฉด์, ๋์์ ๋ค๋ฅธ ํ์์ ์ฝ๋๊น์ง ๋ชจ๋ ํ์ ํ๋ ๊ฒ์ ์ฌ์ด ์ผ์ด ์๋์์ต๋๋ค.
ํ์ง๋ง ํฐ ๋ฒ์๋ก ๋๋์ด ์์ ํ ์ฝ๋๋ฅผ ๋ค์ ์ธ๋ถํํด์ ์ฌ๋ถ์ ์ ํ๊ณ ํ์์ ์ฝ๋์ ์ถ๊ฐ์ ์ธ ๋ก์ง์ ๋ง๋ถ์ฌ์ผํ์ ๋, ํด๋ผ์ด์ธํธ์ ์๋ฒ ์ฝ๋์ ์ฑํฌ๋ฅผ ๋ง์ถ ๋๋ ์๋ก์ ์ฝ๋๋ฅผ ์ถฉ๋ถํ ์ดํดํด์ผ ํ์ต๋๋ค. ๊ทธ๋ด๋๋ง๋ค ๊ฐ์์ ์ฝ๋๋ฅผ ์ค๋ช ํ๋ ๋ฆฌ๋ทฐ์๊ฐ์ ๊ฐ์ง๊ฑฐ๋, ๊ถ๊ธํ ์ ์ ์์ ๋กญ๊ฒ ๋ฌผ์ด๋ณด์์ต๋๋ค.
๋, ํ์์ด ์ ์ํ ์ปดํฌ๋ํธ๋ฅผ ๊ฐ์ ธ์ ์ฌํ์ฉํด์ผํ๋ ๊ฒฝ์ฐ๊ฐ ์์๋๋ฐ, ์ผ๋ถ๋ถ๋ง์ ๋ณํํ๋ ์ผ์ด ์ฝ์ง ์์์ต๋๋ค. ํ์์ด ์ด๋ฏธ ์ฌ์ฉํ๊ณ ์๋ ์ปดํฌ๋ํธ ๊ตฌ์กฐ์ css๋ฅผ ํด์น์ง ์์ผ๋ฉด์ ์ ๊ฐ ๋งก์ ํ์ด์ง์๋ ์ฝ์ ํด ์ ์ฉํด์ผํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ฒ์์๋ ๋น์ทํ ๊ตฌ์กฐ์ ์ปดํฌ๋ํธ๋ฅผ ์๋ก ๋ง๋ค์ด์ ๋ ๋ฆฝ์ ์ผ๋ก ์ฌ์ฉํ ๊น ๊ณ ๋ฏผํ์ง๋ง, ํ์๋ค๊ณผ ์ด๋ฐ ๋ฌธ์ ์ํฉ์ ๊ณต์ ํ๊ณ ์์ํ ๋์ ํด๋น ์ปดํฌ๋ํธ๋ฅผ ์ฌ๋ฌ ๊ณณ์์ ์ฌ์ฉ๊ฐ๋ฅํ๋๋ก ์ฝ๋๋ฅผ ์์ ํ์ฌ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.
ํผ์๊ฐ ์๋ ์ฌ๋ฟ์ด์ ์์ ์ ํ ๋ ์๊ธฐ๋ ๋ฌธ์ ์ ๋ค์ ๊ฒฝํํ๋ฉด์, ๋ค๋ฅธ ์ฌ๋์ด ์์ฑํ ์ฝ๋๋ฅผ ์ดํดํ๋ ๊ฒ, ์์๋ณด๊ธฐ ์ฌ์ด ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฒ, ์ฌํ์ฉํ๊ธฐ ์ฝ๊ฒ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋๋ ๊ฒ์ ์ค์์ฑ์ ๋๋ ์ ์์์ต๋๋ค.
์ด์์ค
Q. ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ๊ฐ์ฅ ์ด๋ ค์ ๋ ๋ถ๋ถ์ด ๋ฌด์์ธ๊ฐ์?
A. ํ๋ก์ ํธ ์ด๊ธฐ์ ๋ฆฌ๋์ค์ ๋ํ ์ง์์ ์์ด์ ๋ฆฌ๋์ค๋ฅผ ํตํ ์ํ๊ด๋ฆฌ๊ฐ ๊ฐ์ฅ ์ด๋ ค์ธ ์ค ์์์ต๋๋ค. ํ์ง๋ง ์ ๊ฒ ๋ ์ด๋ ค์ ๋ ๊ฒ์ ๋ฆฌ์กํธ ํ ์ ๋๋ค. useEffect๊ฐ ์ด๋ค ์๊ธฐ์ ๋์ํ๋์ง ๊ฐ์ด ์กํ์ง ์์์ ๋ช ์๊ฐ๋์ useEffect์ ๋ํด ์ ๋๋ก ๋ค์ ๊ณต๋ถํ๋ ๊ธฐ์ต์ด ์์ต๋๋ค. ๋ํ ๋๋๊ทธ์ค ๋๋กญ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ฉด์ useRef๋ผ๋ ํ ์๋ํด ์ฒ์ ์์ฉํด๋ณด๊ฒ ๋์์ต๋๋ค. ์์ํ๊ณ ์ด๋ ค์ ์ง๋ง ๊ณต๋ถํด ์ต๋ํด๋๊ฐ๋ ๊ณผ์ ์ด ์ฆ๊ฑฐ์ ์ต๋๋ค.Q. ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ํน๋ณํ ์ ๊ฒฝ์ผ๋ ๋ถ๋ถ์ด ์๋์?
A. ๋นํ์ ์ฌ์ฉ์๊ฐ ์์ฐ์ค๋ฝ๊ฒ ๋ถ๋งํฌ ๊ด๋ฆฌ๊ธฐ๋ฅ์ ์ฌ์ฉํด ๋ณผ ์ ์๊ฒ ์ฝ๋ ํธํ์ด์ง ๊ฒ์คํธ๋ชจ๋ ๊ธฐ๋ฅ๊ตฌํ์ ์ ๊ฒฝ์ ๋ง์ด ์ผ์ต๋๋ค. ์ฒ์ SR๋จ๊ณ์์ ํ์ ๋ชจ๋์ ์๊ฐ์ด ์ผ์นํ๋ ๋ถ๋ถ์ด ๋นํ์๋ ์ ํฌ ์๋น์ค๋ฅผ ์์ฐ์ค๋ฝ๊ฒ ์ฌ์ฉํ ์ ์์ด์ผ ํ๋ค๋ ์ ์ด์์ต๋๋ค. ๋นํ์์ด ์ถ๊ฐํ๋ ๋ถ๋งํฌ๋ ์๋ฒ์ ์์ฒญ์ ๋ณด๋ด์ง ์๊ณ ๋ฆฌ๋์ค ์คํ ์ด์ ์ ์ฅ๋๊ฒ ๋ฉ๋๋ค. ๋ถ๋งํฌ๋ฅผ ์์ , ์ญ์ ํ ๋๋ ์คํ ์ด์ ์๋ ๋ฐ์ดํฐ๋ฅผ ์กฐํํ๊ณ ์ฐพ์์ ์์ ,์ญ์ ๊ฐ ์ด๋ค์ง๊ฒ ๋ฉ๋๋ค. ์ด ๋ถ๋ถ์ ๊ตฌํํ๋ฉด์ ๋ง์น sequelize๋ก ํ ์ ์๋ ์ผ์ ์ ๊ฐ ๋ณต์กํ๊ฒ ์ง์ ์์ฑํ๊ณ ์๋ค๋ ์๊ฐ์ด ๋ค์์ต๋๋ค. ์ฝ๋๊ฐ ๋ณต์กํด์ง ์๋ก ์ค๋ฅ๊ฐ ๋ง์์ก๊ณ ์ ๋ฅผ ๋จน์์ง๋ง ๋ง์นจ๋ด ๊ตฌํํ์ ๋ ๋ฟ๋ฏํจ์ ๋๊ผ์ต๋๋ค.ํ๋ก์ ํธ๊ฐ ๋๋๋๋ผ๋ ๋ฆฌํฉํ ๋ง์ ํตํด์ ๊ฒ์คํธ ๋ชจ๋๋ฅผ ๊ตฌํํ๊ธฐ ์ํด ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์๋์ง ์ฐพ์๋ณด๊ณ ๊ฐ์ ํด ๋๊ฐ ์์ ์ ๋๋ค.๋ฐ์ ๋น
https://github.com/codestates/re-collect-client/wiki
https://github.com/codestates/re-collect-server
https://codestates.notion.site/9-Collector-Recollect-3fcb48a9a7a8422a8c615619382851b3