Home
home

๐Ÿ’ก[ํ”ผ์•Œ์•ค๋””์ปดํผ๋‹ˆ(ํ—ค์ด๋”œ๋Ÿฌ) ์ฑ„์šฉ] ์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๊ฒฝ๋ ฅ ์ฑ„์šฉ ๐Ÿ’ก

ํ•ด๋‹น ๋‚ด์šฉ ์„œ์น˜๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ฐธ๊ณ ๋งŒ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

๊ณต๊ณ 

โ€ข
์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž (React) : https://www.prnd.co.kr/o/117294
โ€ข
๊ทธ ์™ธ ๊ณต๊ณ ๋Š” ? ๋งํฌ

์ „ํ˜• ์ ˆ์ฐจ

โ€ข
์„œ๋ฅ˜ ์ ‘์ˆ˜ โ†’ ๋ฏธ๋‹ˆํ€ด์ฆˆ&๊ณผ์ œ ์ „ํ˜• โ†’ 1์ฐจ ์ธํ„ฐ๋ทฐ โ†’ 2์ฐจ ์ธํ„ฐ๋ทฐ โ†’ ์ตœ์ข… ํ•ฉ๊ฒฉ
์„œ๋ฅ˜ ์ ‘์ˆ˜
โ€ข
์ œ์ถœ ์„œ๋ฅ˜: 1) ์ด๋ ฅ์„œ ๋ฐ ์ž๊ธฐ์†Œ๊ฐœ์„œ 2) ํฌํŠธํด๋ฆฌ์˜ค(์ธ์ ์‚ฌํ•ญ, ๊ฒฝ๋ ฅ, ํ”„๋กœ์ ํŠธย ํฌํ•จ)
๋ฏธ๋‹ˆํ€ด์ฆˆ&๊ณผ์ œ
โ€ข
์„œ๋ฅ˜์ „ํ˜•์— ํ•ฉ๊ฒฉํ•˜์‹œ๋ฉด ๋ฏธ๋‹ˆํ€ด์ฆˆ์™€ ๊ณผ์ œ๋ฅผ ์•ˆ๋‚ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.
โ€ข
์•ˆ๋‚ด๋“œ๋ฆฌ๋Š” ํ˜•์‹์— ๋งž๊ฒŒ ๊ณผ์ œ๋ฅผ ์ˆ˜ํ–‰ํ•˜์‹  ํ›„ ์ œ์ถœํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
1์ฐจ ์ธํ„ฐ๋ทฐ
โ€ข
๊ณผ์ œ์ „ํ˜•์— ํ•ฉ๊ฒฉํ•˜์‹œ๋ฉด 1์ฐจ ์ธํ„ฐ๋ทฐ๋ฅผ ์ œ์•ˆ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
โ€ข
ํ—ค์ด๋”œ๋Ÿฌ์™€ ์ง€์›์ž๊ฐ€ ์„œ๋กœ ์•Œ์•„๊ฐ€๋Š” ์‹œ๊ฐ„์ž…๋‹ˆ๋‹ค. (์ƒํ˜ธQ&A)
โ€ข
๊ณผ์ œ์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ๊ณผ ์ง๋ฌด ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.
โ€ข
๋ณดํ†ต 40๋ถ„์—์„œ 70๋ถ„ ์ •๋„ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.
2์ฐจ ์ธํ„ฐ๋ทฐ
โ€ข
1์ฐจ ์ธํ„ฐ๋ทฐ์— ํ•ฉ๊ฒฉํ•˜์‹œ๋ฉด 2์ฐจ ์ธํ„ฐ๋ทฐ๋ฅผ ์ œ์•ˆ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
โ€ข
ํ—ค์ด๋”œ๋Ÿฌ์™€ ์ง€์›์ž๊ฐ€ ์ข€ ๋” ๊ตฌ์ฒด์ ์ธ fit์„ ๋งž์ถฐ๋ณด๋Š” ์‹œ๊ฐ„์ž…๋‹ˆ๋‹ค.
โ€ข
ํŒ€๋ฆฌ๋” ๋ฐ C๋ ˆ๋ฒจ๊ณผ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆ„๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
โ€ข
๋ณดํ†ต 40๋ถ„์—์„œ 70๋ถ„ ์ •๋„ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.
์ตœ์ข… ํ•ฉ๊ฒฉ
โ€ข
2์ฐจ ์ธํ„ฐ๋ทฐ์— ํ•ฉ๊ฒฉํ•˜์‹œ๋ฉด ๊ฐœ๋ณ„์ ์œผ๋กœ ์ฒ˜์šฐ๋ฅผ ์ œ์•ˆ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
โ€ข
์ œ์•ˆ์— ์ˆ˜๋ฝํ•˜์‹œ๋ฉด ์ตœ์ข… ํ•ฉ๊ฒฉ ๋ฐ ์ž…์‚ฌ ์•ˆ๋‚ด๋ฅผ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค
[ ์ œ์ถœ์„œ๋ฅ˜ ]
โ€ข
์ด๋ ฅ์„œ ๋ฐ ์ž๊ธฐ์†Œ๊ฐœ์„œ : ์ž์œ ์–‘์‹
โ€ข
ํฌํŠธํด๋ฆฌ์˜ค : ์ž์œ ์–‘์‹ (์ธ์ ์‚ฌํ•ญ, ๊ฒฝ๋ ฅ, ํ”„๋กœ์ ํŠธย ํฌํ•จ)
[ ๊ธฐํƒ€ ์ฐธ๊ณ ์‚ฌํ•ญ ]
โ€ข
์ •๊ทœ์ง (์ˆ˜์Šต๊ธฐ๊ฐ„ 3๊ฐœ์›” ์žˆ์Œ, ๊ธ‰์—ฌ 100% ์ง€๊ธ‰)
โ€ข
์ž…์‚ฌ์ง€์› ์„œ๋ฅ˜์— ํ—ˆ์œ„์‚ฌ์‹ค์ด ๋ฐœ๊ฒฌ๋  ๊ฒฝ์šฐ, ์ฑ„์šฉํ™•์ • ์ดํ›„๋ผ๋„ ์ฑ„์šฉ์ด ์ทจ์†Œ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ฃผ์š” ๊ธฐ์ˆ  ์Šคํƒ

โ€ข
์ฝ”์–ด: React, Typescript
โ€ข
์ƒํƒœ ๊ด€๋ฆฌ: React Query, Zustand, (Redux, Redux-Saga)
โ€ข
์Šคํƒ€์ผ๋ง: Emotion, (SCSS)
โ€ข
ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €: Yarn Berry
โ€ข
๋นŒ๋“œ: Vite, Webpack
โ€ข
๋ฐฐํฌ: AWS, GitHub Action
โ€ข
ํ˜‘์—…: Slack, Figma, Jira

๋ณต๋ฆฌํ›„์ƒ

โ€ข
์ฃผ 33์‹œ๊ฐ„ ๊ทผ๋ฌด ์ œ๋„
โ€ข
์—ฐ 2ํšŒ ํœด๊ฐ€๋น„ 100๋งŒ์›์”ฉ ์ง€์›
โ€ข
์ฃผ 1ํšŒ ํ‡ด๊ทผ๊ธธ ํƒ์‹œ ์ด์šฉ
โ€ข
๋ฐ”๋””ํ…Œ๋ผํ”ผ ์ง€์›
โ€ข
13,000์› ์ ์‹ฌ ์‹๋Œ€ ์ง€์›
โ€ข
์ค‘๊ณ ์ฐจ ๊ฑฐ๋ž˜ ์ง€์›๊ธˆ ์ง€๊ธ‰
โ€ข
๋ฌด๋ฃŒ ๊ฐ„์‹ ๋ฐ ์Œ๋ฃŒ ์ œ๊ณต
โ€ข
์‚ฌ๋‚ด ๋™ํ˜ธํšŒ ์ง€์›
โ€ข
์ตœ๊ณ  ์„ฑ๋Šฅ PC/๋…ธํŠธ๋ถ ์ง€์›
โ€ข
์ˆ˜๋ฉด์‹ค ๋ฐ ํœด๊ฒŒ์‹ค ์šด์˜
โ€ข
์•„์นจ/์ ์‹ฌ/์ €๋…์‹์‚ฌ ์ง€์› ์ œ๊ณต
โ€ข
๊ธฐํƒ€ ์ž๊ธฐ๊ณ„๋ฐœ๋น„ ์ง€์›
โ€ข
๋„์„œ๊ตฌ์ž…๋น„ ์ง€์›
โ€ข
์–ดํ•™ ๊ต์œก๋น„ ์ง€์›
โ€ข
์ž๊ฒฉ์ฆ ์ทจ๋“ ์ง€์›
โ€ข
๋ฉ˜ํ† ๋ง ์ œ๋„ ์šด์˜
โ€ข
์•ผ๊ฐ„ ๊ตํ†ต๋น„ ์ง€์›
โ€ข
์ฃผ์ฐจ์žฅ ๋ฐ ์ฃผ์ฐจ๋น„ ์ง€์›
โ€ข
์žฌํƒ ๊ทผ๋ฌด์ œ๋„
โ€ข
์ž์œจ ๋ฐ ํƒ„๋ ฅ ๊ทผ๋ฌด ์ œ๋„
โ€ข
์œ ๋ฅ˜๋น„ ์ง€์›
โ€ข
์›ฐ์ปดํ‚คํŠธ ์ง€๊ธ‰
โ€ข
๊ฒฝ์กฐ์‚ฌ ์ง€์›๊ธˆ
โ€ข
ํ†ต์‹ ๋น„ ์ง€์›
โ€ข
์ฝ˜๋„ ๋ฐ ํœด์–‘์‹œ์„ค ์ง€์›
โ€ข
๋ช…์ ˆ ์„ ๋ฌผ ๋ฐ ๊ท€ํ–ฅ๋น„ ์ง€์›
โ€ข
์‚ฌํƒ/๊ธฐ์ˆ™์‚ฌ ์šด์˜ ๋ฐ ์ง€์›
โ€ข
์ž๋…€ ํ•™์ž๊ธˆ ์ง€์›
โ€ข
์„ ํƒ์  ๋ณต๋ฆฌํ›„์ƒ
โ€ข
์ž์‚ฌ ์ œํ’ˆ ์ง์› ํ• ์ธ
โ€ข
๊ฑด๊ฐ•๊ฒ€์ง„ ์ง€์› (๋ณธ์ธ/๋ฐฐ์šฐ์ž)
โ€ข
์˜๋ฃŒ๋น„ ์ง€์› (๋ณธ์ธ,๊ฐ€์กฑ)
โ€ข
์ƒํ•ด/์‹ค์† ๋ณดํ—˜ ์ง€์›
โ€ข
์ฒด๋ ฅ๋‹จ๋ จ๋น„ ์ง€์›
โ€ข
๋ฌด๋ฃŒ ์ง„๋ฃŒ ์ง€์ • ๋ณ‘์›
โ€ข
์—ฌ๋ฆ„ ํœด๊ฐ€
โ€ข
๋ฐ˜์ฐจ ๋ฐ ์‹œ๊ฐ„์ œ ์—ฐ์ฐจ ์‚ฌ์šฉ
โ€ข
๊ฒฐํ˜ผ/์žฅ๋ก€ ๋“ฑ ๊ฒฝ์กฐ์‚ฌ ํœด๊ฐ€
โ€ข
๋ณธ์ธ ์ถœ์‚ฐ ํœด๊ฐ€
โ€ข
๋ฐฐ์šฐ์ž ์ถœ์‚ฐ ํœด๊ฐ€
โ€ข
๋ฆฌํ”„๋ ˆ์‰ฌ/์žฅ๊ธฐ๊ทผ์† ํœด๊ฐ€
โ€ข
ํœด์ง (์œ ๊ธ‰/๋ฌด๊ธ‰)
โ€ข
์ฐฝ๋ฆฝ ๊ธฐ๋…์ผ ํœด๋ฌด
โ€ข
์ธ์„ผํ‹ฐ๋ธŒ ๋ฐ ์„ฑ๊ณผ๊ธ‰
โ€ข
ํ‡ด์ง์—ฐ๊ธˆ ๋ฐ ํ‡ด์ง๊ธˆ
โ€ข
์•ผ๊ทผ ๋ฐ ํœด์ผ ํŠน๊ทผ ์ˆ˜๋‹น
โ€ข
์—ฐ์ฐจ ์ˆ˜๋‹น
โ€ข
์ƒ์ผ ์„ ๋ฌผ ์ง€์›
โ€ข
์šฐ๋ฆฌ ์‚ฌ์ฃผ ๋ฐ ์Šคํ†ก์˜ต์…˜
โ€ข
์šฐ์ˆ˜์‚ฌ์› ๊ธˆ์ „ํฌ์ƒ
โ€ข
์žฅ๊ธฐ๊ทผ์†์ž ๊ธˆ์ „ํฌ์ƒ
โ€ข
์ฒญ๋…„ ๋‚ด์ผ ์ฑ„์›€ ๊ณต์ œ ์ง€์›

์˜ˆ์ƒ ์ดˆ๋ด‰ ๋ฐ ์‹œ์ž‘ ์—ฐ๋ด‰(์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธฐ๋ฐ˜์œผ๋กœ ์˜ˆ์ธก)

โ€ข
4์ฒœ ์ค‘ํ›„๋ฐ˜~

๊ทผ๋ฌด์œ„์น˜

โ€ข
์„œ์šธํŠน๋ณ„์‹œ ์„œ์ดˆ๊ตฌ ์„œ์ดˆ๋Œ€๋กœ74๊ธธ 14, 8์ธต(The Asset)