AB180 Frontend Engineer Assignment

AB180 Frontend Engineer Assignment

์ข…์„œ๋‹˜, ์•ˆ๋…•ํ•˜์„ธ์š”. ์ €ํฌ ํŒ€๊ณผ ํ”„๋กœ๋•ํŠธ์— ๊ด€์‹ฌ์„ ๊ฐ–๊ณ  ์ง€์›ํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!
AB180์—์„œ๋Š” ์ง€์›์ž๋ถ„๋“ค์˜ ๊ธฐ์ˆ ์  ์—ญ๋Ÿ‰๊ณผ ํ•จ๊ป˜, ์–ด๋–ค ๋‹จ๊ณ„์™€ ๊ณผ์ •์„ ๊ฑฐ์ณ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์‹œ๋Š”์ง€ ํ™•์ธํ•˜๊ณ ์ž ๊ณผ์ œ ์ „ํ˜•์„ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์–ด์š”.
๊ณผ์ œ๋Š” ๋ชฉ๋ก ๋‚ด์—์„œ ๊ฒ€์ƒ‰์„ ํ•˜๊ณ , ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์•„์ดํ…œ์„ ์„ ํƒ / ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” Selector ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋‹จ๊ณ„๋ณ„๋กœ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์ด์—์š”. ์•ˆ๋‚ด ๋ฌธ์„œ๋ฅผ ์ฐธ์กฐํ•˜์—ฌ ์ œํ•œ ์‹œ๊ฐ„ ๋‚ด์— ๊ณผ์ œ๋ฅผ ์ˆ˜ํ–‰ํ•ด์ฃผ์„ธ์š”.

ย ํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ

์•„๋ž˜์˜ GitHub Repository๋ฅผ Local๋กœ ๊ฐ€์ ธ์™€ ์ž‘์—… ํ™˜๊ฒฝ์„ ์„ค์ •ํ•ด์ฃผ์„ธ์š”.
221003-leejss
AB180-HR
์ฐธ์กฐ) ์‚ฌ์ „ ๊ณผ์ œ์—์„œ ์„ค์ •ํ•œ ๋ฒ„์ „
โ€ข
Node 16 ๋ฒ„์ „์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
โ€ข
React 17, TypeScript 4.6์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
โ€ข
npm / Yarn / pnpm ์ค‘ ํ•˜๋‚˜๋ฅผ ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €๋กœ ์‚ฌ์šฉํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ย ์‹œ์ž‘ ์ „์— ๊ผญ ํ™•์ธํ•ด์ฃผ์„ธ์š”!

๊ธฐ์ˆ ์  ์ œํ•œ์‚ฌํ•ญ

โ€ข
์™ธ๋ถ€ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์ผ์ฒด ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์–ด์š”. (ex. Material UI, Bootstrap, antd ๋“ฑ)
โ€ข
CSS / Sass, Styled Components, EmotionJS๋ฅผ ์„ค์น˜ํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด์š”.
โ€ข
๋ณ„๋„์˜ ์ง€์‹œ๊ฐ€ ์—†๋‹ค๋ฉด, src/containers/selector ํด๋” ๋‚ด์—์„œ๋งŒ ์ž‘์—…์„ ์ง„ํ–‰ํ•ด์š”.

๋ธŒ๋žœ์น˜ ๋ฐ ์ปค๋ฐ‹

โ€ข
Step ๋ณ„๋กœ main ์„ ๊ธฐ์ค€์œผ๋กœ ์ƒˆ๋กœ์šด ๋ธŒ๋žœ์น˜๋ฅผ ๋งŒ๋“ค์–ด์ฃผ์„ธ์š”.
โ€ข
Step์„ ์™„๋ฃŒํ•˜๋ฉด ์ž‘์—…ํ•œ ๋ธŒ๋žœ์น˜๋ฅผ main ๋ธŒ๋žœ์น˜๋กœ ๋ณ‘ํ•ฉ(Merge)ํ•ด์ฃผ์„ธ์š”.
โ€ข
์ž˜๋ชป๋œ ๋™์ž‘์˜ ์ˆ˜์ •, ๋ฆฐํŠธ ๋“ฑ์€ main ์— ์ง์ ‘ ์˜ฌ๋ ค์ฃผ์…”๋„(Push) ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค.
โ€ข
๋ชจ๋“  ์ปค๋ฐ‹์—๋Š” ์ž‘์—… ๋‚ด์šฉ ๋ฐ ์ด์œ  ๋“ฑ์„ ์ƒ์„ธํ•˜๊ฒŒ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.
โ€ข
์–ด๋ ต๋‹ค๋ฉด AB180 ํ”„๋ก ํŠธ์—”๋“œ ํŒ€์˜ ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜์„ ์ฐธ์กฐํ•ด์š” โ†’ Commit Convention

๋ฌธ์„œ ์ž‘์„ฑ

โ€ข
๋ชจ๋“  ์ปค๋ฐ‹์—๋Š” ์ž‘์—… ๋‚ด์šฉ ๋ฐ ์ด์œ  ๋“ฑ์„ ์ƒ์„ธํ•˜๊ฒŒ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.
โ€ข
README.md ํŒŒ์ผ์— Step๋ณ„ ๊ตฌํ˜„ ์—ฌ๋ถ€์™€ ๊ตฌํ˜„ ๋ฐฉ๋ฒ•, ๊ทธ๋ ‡๊ฒŒ ๊ตฌํ˜„ํ•œ ์ด์œ  ๋“ฑ์„ ์ƒ์„ธํžˆ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.

์œ„์˜ ๋‚ด์šฉ์„ ๋ชจ๋‘ ํ™•์ธํ•˜์…จ๋‹ค๋ฉด, ์•„๋ž˜๋ฅผ ๋ˆŒ๋Ÿฌ ์‹œ์ž‘ํ•˜์„ธ์š”.

Homework Steps ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•ด ๊ณผ์ œ๋ฅผ ์‹œ์ž‘ํ•ด์ฃผ์„ธ์š”.
CONFIDENTIAL | ์ด์— ํฌํ•จ๋œ ๋‚ด์šฉ์€ ๋ณด์•ˆ์„ ์œ ์ง€ํ•˜์—ฌ์•ผ ํ•˜๋ฉฐ ์ž„์˜๋กœ ๊ณต๊ฐœํ•ด์„œ๋Š” ์•ˆ๋˜๋Š” ์ •๋ณด ๋ฐ ๋ฒ•๋ฅ ์ƒ ๊ณต๊ฐœ๊ฐ€ ๊ธˆ์ง€๋œ ์ •๋ณด๊ฐ€ ๋“ค์–ด ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์„œ์˜ ์ง€์ •์ˆ˜์‹ ์ธ์ด ์•„๋‹ˆ๋ฉด ์ด๋ฅผ ๋ฌด๋‹จ์œผ๋กœ ๋ณด์œ , ์ „์†ก, ๋ฐฐํฌํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
Copyright AB180 All Rights Reserved