๐ฅ ์ค๋ ์ด๋์ ๋์ ํด๋ณด์ จ๊ณ , ๋ฌด์์ ๋ฐฐ์ฐ์ จ๋์?
- 2023 KAKAO BLIND RECRUITMENT
- 2022 ์๋น์ค์ค๋น๋ฐ์ฆ ๊ฐ๋ฐ์ ๊ณต๊ฐ์ฑ์ฉ ์ฑ๋ฆฐ์ง - 2์ฐจ ๊ณผ์ ํ ์คํธ
๐ ํ์ตํ์๋ฉด์ ๊ถ๊ธํ์ ๋ถ๋ถ์ด๋, ์ด๋ ค์ ๋ ์ ์ ๋ญ๊น์?
- ๋ฆฌ์กํธ๋ก ๋ผ์ฐํฐ ์ค์ ํ ๋
BrowserRouter
๊ด๋ จ ์ค๋ฅ :Error: You cannot render a inside another . You should never have more than one in your app.
ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ด๋ฌ๋๋ฐ ๋ด๊ฐBrowserRouter
๋ฅผindex.js
์์ ์ ์ฒด ๊ฐ์ธ๊ณ ๋App.js
์์๋ ์ฌ์ฉํด์ ๊ทธ๋ฐ ๊ฑฐ ๊ฐ๋ค.index.js
์์ ์ค์ ํ ๊ธฐ์ต์ด ์ ์์ด์ ์ด์ง ํค๋งธ๋ค.
๐ ๋ด์ผ์ ์ด๋ป๊ฒ ํด๋ณด๊ณ ์ถ์ผ์ธ์?
2023 KAKAO BLIND RECRUITMENT๊ณผ 2022 ์๋น์ค์ค๋น๋ฐ์ฆ ๊ฐ๋ฐ์ ๊ณต๊ฐ์ฑ์ฉ ์ฑ๋ฆฐ์ง
์ค๋ ๋ ๊ฐ์ ํ ์คํธ๋ฅผ ๊ฐ์ ์๊ฐ์ ๋ด์ผ ํด์ ๋ ๋ค ์๊ฐ์ด ์ด๋ฐํ๋ค. ๋๋๊ณ ๋ณด๋ ํ๋๋ง ์ง์คํด์ ํด๊ฒฐํด๋ณผ๊ฑธ ์๊ฐ์ด ๋ค์ง๋ง ์ฌ๋ฌ ๋ฌธ์ ๋ฅผ ์ ํ ์ ์์๊ณ ์ข์ ๊ฒฝํ์ด์๋ค๊ณ ์๊ฐํ๋ค. ๊ฒฐ๋ก ์ ์ผ๋ก ์ํ๋๋งํผ์ ๊ฒฐ๊ณผ๋ฅผ ๋ด์ง๋ ๋ชปํ์ง๋ง ์ฌ์ฏ ์๊ฐ๋์ ์ฝ๋ฉํ๋ ๋จธ๋ฆฌ๊ฐ ์ข ์ํ๊ธด ํ๋ค.
KAKAO BLIND RECRUITMENT - ์ฝ๋ฉ ํ ์คํธ
์ด 7๋ฌธ์ ์๊ณ ์ฃผ์ด์ง ์๊ฐ์ 5์๊ฐ์ด์๋ค. ์ฒ์ ๋ฌธ์ ๋ฅผ ๊ฐ๋ณ๊ฒ ํ์ด๋ณผ ๋์ ์ ๋ฒ๋ณด๋ค ๊ด์ฐฎ์ ๊ฑฐ ๊ฐ๋ค๊ณ ์๊ฐํ๋๋ฐ ํ๋์ฉ ์์ธํ ๋ณด๋ ์ด๋ฒ์๋ ์ด๋ ค์ ๋ค๐
1๋ฒ ๋ฌธ์ ๋ ๋ ์ง ์ฐจ์ด๋ฅผ ๊ตฌํด์ ์ฃผ์ด์ง ๊ฐ์ ์๋ฅผ ์ด๊ณผํ๋์ง๋ฅผ ์ฒดํฌํ๋ ๋ฌธ์ ์๋ค. 1๋ฒ ๋ฌธ์ ๋ ํน๋ณํ ์๊ณ ๋ฆฌ์ฆ ์ฌ์ฉํ์ง ์์๋ ๋๋ ๋ฌธ์ ์๋ค(๊ณ ์๊ฐํ๋ค..)
๊ทธ ํ์ ์๋ ๋ฌธ์ ๋ค์ ํด๊ฒฐํ์ง ๋ชปํ๋ค. ์์ฌ์ด ๋ฌธ์ ๋ 4๋ฒ์ด๋ค. ๋ช
๋ น์ด์ ๊ฐ์ ์ฃผ๊ณ 2์ฐจ์ ๋ฐฐ์ด์ ํด๋น ์์น์ ๊ฐ์ ์์ ํ๋ ๋ฌธ์ ์๋ค. ๊ฐ ์์๋ง๋ค ๊ฐ์ฒด๋ก ๋ณํฉ ์ ๋ณด๋ value ๋ฑ์ ์ ์ฅํ๊ณ ๋ช
๋ น์ ์ํํ๊ฒ๋ ํ๋๋ฐ MERGE
์ UNMERGE
๋ช
๋ น์ด์์ ๋ญ๊ฐ ๊ผฌ์ธ๊ฑด์ง ๋ฐํ์ ์๋ฌ
๋ ๋๊ณ .. ํด๊ฒฐํ ์๊ฐ ์์๋ค.. ์ด ๋ฌธ์ ๋ ๋์ค์ ๋ฌธ์ ํ๋ฆฌ๋ฉด ์ง์ง ๊ผญ ๋ค์ ํ์ด๋ด์ผ๊ฒ ๋ค. ์์ง๋ง์
2022 ์๋น์ค์ค๋น๋ฐ์ฆ ๊ฐ๋ฐ์ ๊ณต๊ฐ์ฑ์ฉ ์ฑ๋ฆฐ์ง - ๊ณผ์ ํ ์คํธ
์ด๋ฒ ๊ณผ์ ํ
์คํธ๋ ๋ฆฌ์กํธ
์ ํ์
์คํฌ๋ฆฝํธ
๋ฅผ ์ฌ์ฉํ์ฌ ํด๊ฒฐํด์ผ ํ๋ค. ํ์
์คํฌ๋ฆฝํธ๋ก ์ฝ๋ฉ์ ํด๋ณธ ์ ์ด ์์ด์ ์ดํ?์ ๋ ๋ฒผ๋ฝ์น๊ธฐ๋ฅผ ํ๋ค. ๋ฌธ์ ๋ ๋ค๋ฅธ ๊ณผ์ ํ
์คํธ์ ๋น์ทํ๊ฒ ์ฃผ์ด์ง API๋ก ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์์ ํ๋ฉด์ ๊ตฌ์ฑํ๋ ํ์์ด์๋ค.
๋๊น์ง ๋งํ๋ ๋ถ๋ถ์ ๋ฐ์ดํฐ๋ฅผ ์ ์ญ์์ ๊ณต์ ํ๊ธฐ ์ํด context
๋ฅผ ์ฌ์ฉํ๋๋ฐ ContextProvider
์ ๊ธฐ๋ณธ ๊ฐ์ผ๋ก ์ค์ผํ value ์์ฑ์ ์ด๊ธฐํํ๋ ๋ถ๋ถ์์ ์ข ๋งํ๋ค. ๊ทธ๋ฆฌ๊ณ ๋ฆฌ์กํธ์์ ๋์ ์ผ๋ก ๊ตฌ์ฑํ input ์์๋ค์ ์ ํจ์ฑ ๊ฒ์ฌ๋ ์ด๋ป๊ฒ ํด์ผํ ์ง ๊ณ ๋ฏผ์ ๋ง์ด ํ๋ค.
(๊ทธ๋๋ ์์ ์ ๊ณต๋ถํด๋๋ ์ฝ๋๊ฐ ๋์์ด ๋ง์ด ๋๋ค..)
๊ฒฐ๊ณผ์ ์ผ๋ก ๋ชฉ๋ก API๋ฅผ ๋ฐ์์์ ํ๋ฉด์ ๋ฟ๋ ค์ค ๊ฒ๋ง ํ ๊ฑฐ ๊ฐ๋ค. ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก๋ง ๊ณผ์ ํ ์คํธ๋ฅผ ํด๋ดค๋๋ฐ ์ด๋ฒ์ ๋ฆฌ์กํธ๋ ํ์ ์คํฌ๋ฆฝํธ๋ก ํด๋ณด๋ ํด๊ฒฐํ๊ฑด ๋ง์ด ์์ง๋ง ๋ญ๊ฐ ํ ๋จ๊ณ ์ ๊ทธ๋ ์ด๋๋ ๊ธฐ๋ถ์ด๋ค. ๊ทธ๋ฅ ๊ธฐ๋ถ๋ง ๊ทธ๋ ๋ค.
์ญ์ ํ ์คํธ๋ฅผ ํ๊ณ ๋๋ฉด ๋๋ผ๋๊ฑด ๋ ์ด์ฌํ ํด์ผ๊ฒ ๋ค๋ ๊ฒ,,, ๊ณผ์ ํ ์คํธ๋ ๋์ค์ ํ๋ก๊ทธ๋๋จธ์ค์ ์ฌ๋ผ์ฌ์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง ์๊ฐ๋๋๋๋ก ๋ค์ ๊ตฌํํด๋ด์ผ๊ฒ ๋ค.