ํšŒ์‚ฌ ์†Œ๊ฐœ
ํด๋ผ์ธ ํŒ€
๐Ÿ‘จโ€๐Ÿ’ป

๊ฐœ๋ฐœ ์ธํ„ด

์ƒ์„ฑ์ผ
2022/10/14 02:08
ํƒœ๊ทธ

ํด๋ผ์ธ ์ธํ„ด ํ›„๊ธฐ

KAIST ์ „์‚ฐํ•™๋ถ€ Mary
KAIST ์ „์‚ฐํ•™๋ถ€ Woodie

ํด๋ผ์ธ ๊ฐœ๋ฐœ์ง๊ตฐ ์ธํ„ด์€ ์ด๋Ÿฐ ์ผ์„ ํ•ด์š”

์›น ๊ฐœ๋ฐœ

โ€ข
ํด๋ผ์ธ์˜ ๋น ๋ฅธ ์„ฑ์žฅ์— ๋”ฐ๋ฅธ ํ™•์žฅ์„ฑ ์žˆ๊ณ  ์ƒ์‚ฐ์„ฑ ์žˆ๋Š” ์›น ๊ฐœ๋ฐœ
โ€ข
๋‹ค์–‘ํ•œ ๋””๋ฐ”์ด์Šค ํ™˜๊ฒฝ์„ ๊ณ ๋ คํ•œ ๋ฐ˜์‘ํ˜• ์›น ๊ฐœ๋ฐœ

์•ฑ ๊ฐœ๋ฐœ

โ€ข
ํด๋ผ์ธ์˜ ๋น ๋ฅธ ์„ฑ์žฅ์— ๋”ฐ๋ฅธ ํ™•์žฅ์„ฑ ์žˆ๊ณ  ์ƒ์‚ฐ์„ฑ ์žˆ๋Š” Android/iOS ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ
โ€ข
React-Native์˜ React ์˜์—ญ๊ณผ Native ์˜์—ญ, bridge์— ๋Œ€ํ•œ ์ดํ•ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ตœ์ ํ™”๋œ React-Native ์•ฑ ๊ฐœ๋ฐœ
โ€ข
ํ”Œ๋ ˆ์ด์Šคํ† ์–ด/์•ฑ ์Šคํ† ์–ด ๋ฐ ์ฝ”๋“œํ‘ธ์‹œ ๋ฐฐํฌ ๊ด€๋ฆฌ

๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ

โ€ข
ํด๋ผ์ธ ์›น, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•œ API ๊ฐœ๋ฐœ
โ€ข
์„œ๋ฒ„๋ฆฌ์Šค ๊ธฐ๋ฐ˜์˜ AWS ์ธํ”„๋ผ ๊ตฌ์„ฑ
โ€ข
ํด๋ผ์ธ ์„œ๋น„์Šค ํ’ˆ์งˆ ํ–ฅ์ƒ์„ ์œ„ํ•œ ๋‹ค์–‘ํ•œ ์ตœ์ ํ™” ์ž‘์—… ๋ฐ ๋ฆฌ์„œ์น˜

์ด๋Ÿฐ ๋ถ„์„ ์ฐพ๊ณ  ์žˆ์–ด์š”

โ€ข
๋‹จ๊ธฐ๊ฐ„์— ์ง‘์ค‘, ๋ชฐ์ž…์„ ํ†ตํ•ด์„œ ๋น ๋ฅด๊ฒŒ ์„ฑ์žฅํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„
โ€ข
๋งก์€ ์ž‘์—…์— ๋Œ€ํ•œ ์˜ค๋„ˆ์‹ญ์„ ๊ฐ–๊ณ , ๋๊นŒ์ง€ ์™„์„ฑ์‹œํ‚ค๋Š” ์ฑ…์ž„๊ฐ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋ถ„
โ€ข
๋ฐฐ์›€์— ๋Œ€ํ•œ ์—ด์ •์„ ๊ฐ–๊ณ , ์ง€์†์ ์ด๊ณ  ํšจ๊ณผ์ ์œผ๋กœ ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ๊ณ  ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๋ถ„

์ด๋Ÿฐ ๋ถ„์ด๋ฉด ๋” ์ข‹์•„์š”

์›น ๊ฐœ๋ฐœ

โ€ข
์›น ๊ฐœ๋ฐœ ๊ฒฝ๋ ฅ์ด ์žˆ๊ฑฐ๋‚˜ ๊ทธ์— ์ค€ํ•˜๋Š” ์‹ค๋ ฅ์„ ๊ฐ–์ถ”์‹  ๋ถ„
โ€ข
HTML, CSS, JavaScript์™€ TypeScript์— ๋Šฅ์ˆ™ํ•˜์‹  ๋ถ„
โ€ข
React, Redux ์‚ฌ์šฉ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๋ถ„
โ€ข
Functional Component ํ™œ์šฉ์— ๋Šฅ์ˆ™ํ•˜์‹  ๋ถ„
โ€ข
Sass(SCSS) ์‚ฌ์šฉ์— ๋Šฅ์ˆ™ํ•˜์‹  ๋ถ„
โ€ข
Git์„ ํ†ตํ•œ ๋ฒ„์ „ ๊ด€๋ฆฌ์— ๊ฒฝํ—˜ ์žˆ์œผ์‹  ๋ถ„

์•ฑ ๊ฐœ๋ฐœ

โ€ข
JavaScript์™€ TypeScript์— ๋Šฅ์ˆ™ํ•˜์‹  ๋ถ„
โ€ข
React-Native, Recoil ์‚ฌ์šฉ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๋ถ„
โ€ข
CodePush ๋“ฑ์„ ์ด์šฉํ•œ ํšจ์œจ์ ์ธ ๋ฐฐํฌ ๊ด€๋ฆฌ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๋ถ„
โ€ข
Git์„ ํ†ตํ•œ ๋ฒ„์ „ ๊ด€๋ฆฌ์— ๊ฒฝํ—˜ ์žˆ์œผ์‹  ๋ถ„

๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ

โ€ข
AWS๋ฅผ ํ†ตํ•ด ์ธํ”„๋ผ ๊ตฌ์ถ•ํ•œ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๋ถ„
โ€ข
JavaScript์™€ TypeScript์— ๋Šฅ์ˆ™ํ•˜์‹  ๋ถ„
โ€ข
Node.js๋กœ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹ ๋ถ„
โ€ข
RDBMS, NoSQL์— ๋Œ€ํ•œ ์ดํ•ด๋ฅผ ๊ฐ–์ถ˜ ๋ถ„
โ€ข
NestJS์™€ TypeORM์„ ์‚ฌ์šฉํ•ด๋ณธ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹ ๋ถ„
โ€ข
์„œ๋ฒ„๋ฆฌ์Šค๋กœ ์ƒ์šฉ ์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•œ ๊ฒฝํ—˜์ด ์žˆ์œผ์‹  ๋ถ„
โ€ข
WebSocket์œผ๋กœ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์ ‘์†ํ•˜๋Š” ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… ์„œ๋น„์Šค๋ฅผ ๊ตฌํ˜„ํ•œ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๋ถ„
โ€ข
Git์„ ํ†ตํ•œ ๋ฒ„์ „ ๊ด€๋ฆฌ์— ๊ฒฝํ—˜ ์žˆ์œผ์‹  ๋ถ„

์‚ฌ์šฉ ํˆด/์Šคํƒ

์›น ๊ฐœ๋ฐœ

โ€ข
React (Hooks), Redux
โ€ข
TypeScript
โ€ข
Sass(SCSS)๋ฅผ ์ด์šฉํ•œ ์Šคํƒ€์ผ๋ง

์•ฑ ๊ฐœ๋ฐœ

โ€ข
React Native ๊ธฐ๋ฐ˜ ํฌ๋กœ์Šคํ”Œ๋žซํผ(Android/iOS) ๊ฐœ๋ฐœ
โ€ข
TypeScript
โ€ข
Redux, Recoil ์ด์šฉํ•œ ์Šคํ…Œ์ดํŠธ ๊ด€๋ฆฌ
โ€ข
Microsoft Codepush ํ†ตํ•œ ํšจ์œจ์ ์ธ ์—…๋ฐ์ดํŠธ, ์Šคํ† ์–ด ๋ฐฐํฌ ๊ด€๋ฆฌ
โ€ข
Expo Secure Store๋กœ OAuth(Facebook/Google), Email ๋กœ๊ทธ์ธ ์œ ์ € ๋‹ค์ค‘ ๊ณ„์ • ์ „ํ™˜ ๊ด€๋ฆฌ
โ€ข
RTL ์Šคํฌ๋ฆฝํŠธ, English, Japanese ๋“ฑ ๋‹ค๊ตญ์–ด locale ์ฒ˜๋ฆฌ

๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ

โ€ข
TypeScript, Nest.js
โ€ข
Node.js, Serverless Framework, AWS Lamda์„ ์ด์šฉํ•œ ์„œ๋ฒ„๋ฆฌ์Šค ๋ฐฑ์—”๋“œ
โ€ข
AWS RDS(Aurora)
โ€ข
circle-ci๋ฅผ ํ™œ์šฉํ•œ build/test/deploy ์ž๋™ํ™”
โ€ข
AWS CloudWatch๋ฅผ ํ™œ์šฉํ•œ ๋กœ๊น… ๋ฐ ๋ชจ๋‹ˆํ„ฐ๋ง
โ€ข
Swagger๋ฅผ ์ด์šฉํ•œ api ๋ฌธ์„œ ์ž๋™ํ™”

ํด๋ผ์ธ์œผ๋กœ์˜ ํ•ฉ๋ฅ˜ ์—ฌ์ •

Step 1. ์ง€์›์„œ ์ œ์ถœ
โ€ข
๋งํฌ๋ฅผ ํด๋ฆญํ•˜์…”์„œ ์ด๋ ฅ์„œ์™€ ๊ธฐ๋ณธ ์ธ์  ์‚ฌํ•ญ, ์‚ฌ์ „ ์งˆ๋ฌธ์„ ์ž‘์„ฑํ•ด ์ œ์ถœํ•ด์ฃผ์„ธ์š”.
โ€ข
์ง€์›์„œ ๊ฒ€ํ†  ํ›„, 1์ฃผ์ผ ์ด๋‚ด์— ๊ฒฐ๊ณผ ์•ˆ๋‚ด ๋ฉ”์ผ์„ ๋ฐ›์œผ์‹ค ์ˆ˜ ์žˆ์–ด์š”.
Step 2. ๊ณผ์ œ
โ€ข
ํฌ์ง€์…˜๋ณ„ ์‹ค๋ฌด ๊ธฐ์ˆ  ์Šคํƒ์œผ๋กœ ํ† ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๊ณผ์ œ ์ „ํ˜•์„ ์ง„ํ–‰ํ•ด์š”.
โ—ฆ
์›น ๊ฐœ๋ฐœ
โ–ช
react + redux๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ† ์ด ํ”„๋กœ์ ํŠธ ๊ตฌํ˜„
โ—ฆ
์•ฑ ๊ฐœ๋ฐœ
โ–ช
react-native๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ฃผ์–ด์ง„ ์š”๊ตฌ์‚ฌํ•ญ์„ ๊ตฌํ˜„
โ—ฆ
๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ
โ–ช
Node.js + TypeScript + NestJS + TypeORM + MySQL์„ ์‚ฌ์šฉํ•˜์—ฌ ํ† ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ๊ตฌํ˜„
โ€ข
์„œ๋ฅ˜ ํ•ฉ๊ฒฉ์ž๋ถ„๋“ค๊ป˜ ๊ฐœ๋ณ„์ ์œผ๋กœ ์•ˆ๋‚ด๋˜๊ณ  ์žˆ์œผ๋ฉฐ, ํ‰๊ท  ์ผ์ฃผ์ผ ์ •๋„ ์†Œ์š”๋ผ์š”.
Step 3. ์ง๋ฌด ์ธํ„ฐ๋ทฐ
โ€ข
Step 2์—์„œ ์ง„ํ–‰ํ•œ ๊ณผ์ œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•ด์š”.
โ€ข
์ง๋ฌด ์—ญ๋Ÿ‰์„ ํŒ๋‹จํ•˜๊ธฐ ์œ„ํ•œ ๊ฒฝํ—˜/๊ธฐ์ˆ ๊ณผ ๊ด€๋ จํ•œ ์งˆ๋ฌธ์„ ๋“œ๋ ค์š”.
โ€ข
Tech Chapter Head & ํŒ€์›๊ณผ์˜ ์ธํ„ฐ๋ทฐ๋กœ ํด๋ผ์ธ ์‚ฌ๋ฌด์‹ค์—์„œ ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•ด์š”.
Step 4. ์ž„์›์ง„ ์ธํ„ฐ๋ทฐ
โ€ข
ํด๋ผ์ธ์˜ ๋ฌธํ™”์— ๊ณต๊ฐํ•˜๊ณ  ์ž˜ ์ ์‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋ถ„์ธ์ง€๋ฅผ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•œ ์ธํ„ฐ๋ทฐ์—์š”.
โ€ข
ํด๋ผ์ธ์˜ C-Level๊ณผ์˜ ์ธํ„ฐ๋ทฐ๋กœ ํด๋ผ์ธ ์‚ฌ๋ฌด์‹ค์—์„œ ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•ด์š”.

์ด๋ ‡๊ฒŒ ๊ทผ๋ฌดํ•˜๊ฒŒ ๋ผ์š”

โ€ข
์ฑ„์šฉ ํ˜•ํƒœ : ์ธํ„ด(8๊ฐœ์›”, ์ตœ์†Œ 6๊ฐœ์›” ์กฐ์ • ๊ฐ€๋Šฅ)
โ—ฆ
์ธํ„ด ๊ธฐ๊ฐ„์„ ๊ธธ๊ฒŒ ๊ฐ€์ ธ๊ฐ€๋Š” ์ด์œ ๋Š” 4~5์ฃผ ๊ฐ„์˜ ์˜จ๋ณด๋”ฉ ๊ธฐ๊ฐ„ ํ›„ ํ”„๋กœ๋•์…˜์— ๊ธฐ์—ฌํ•  ์ˆ˜ ์žˆ๋Š” ์‹ค์ œ ์—…๋ฌด๋ฅผ ๋“œ๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์ด์—์š”.
โ—ฆ
8๊ฐœ์›” ๋™์•ˆ ์ง‘์ค‘์ ์œผ๋กœ ์‹ค๋ฌด ๊ฒฝํ—˜์„ ์Œ“์œผ๋ฉฐ ์Šค์Šค๋กœ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ํŒ€ ์ฐจ์›์—์„œ ์ง€์›ํ•ด์š”.
โ€ข
๊ธ‰์—ฌ : ์ตœ์ข… ์ธํ„ฐ๋ทฐ๋ฅผ ์ง„ํ–‰ํ•œ ์ดํ›„ ๊ด€๋ จ ํ˜‘์˜๋ฅผ ์ง„ํ–‰ํ•ด์š”.
โ€ข
๊ทผ๋ฌด์ง€ : ์„œ์šธํŠน๋ณ„์‹œ ๊ฐ•๋‚จ๊ตฌ ํ…Œํ—ค๋ž€๋กœ2๊ธธ 27

Contact

โ€ข
๊ถ๊ธˆํ•œ ์ ์ด ์žˆ๋‹ค๋ฉด, welcome@classum.com์œผ๋กœ ํŽธํ•˜๊ฒŒ ์—ฐ๋ฝ์ฃผ์„ธ์š”!