[๋ฆฌ๋‰ด์–ผ] ๋ง›์ง‘ ์ง€๋„์•ฑ ๋งŒ๋“ค๊ธฐ (React Native & NestJS)

๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ์ด์šฉํ•ด์„œ ๋‚˜๋งŒ์˜ ๋ง›์ง‘ ๊ธฐ๋ก์•ฑ์„ ๊ฐœ๋ฐœํ•˜๊ณ  ์ถœ์‹œํ•˜๋Š” ๊ณผ์ •์„ ๋ฐฐ์šฐ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋””์ž์ธ๋ถ€ํ„ฐ ํ”„๋ก ํŠธ ๋ฐ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ, ๋ฐฐํฌ๊นŒ์ง€ ์ „ ๊ณผ์ •์„ ์ค€๋น„ํ–ˆ์–ด์š”.

(4.9) ์ˆ˜๊ฐ•ํ‰ 100๊ฐœ

์ˆ˜๊ฐ•์ƒ 1,460๋ช…

๋‚œ์ด๋„ ์ค‘๊ธ‰์ด์ƒ

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

์‹ค์Šต ์ค‘์‹ฌ
์‹ค์Šต ์ค‘์‹ฌ
ํด๋ก ์ฝ”๋”ฉ
ํด๋ก ์ฝ”๋”ฉ
ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ
์‹ค์Šต ์ค‘์‹ฌ
์‹ค์Šต ์ค‘์‹ฌ
ํด๋ก ์ฝ”๋”ฉ
ํด๋ก ์ฝ”๋”ฉ
ํ”„๋กœ์ ํŠธ
ํ”„๋กœ์ ํŠธ
์‚ฌ๋žŒ์ธ
์—”ํ…Œํฌ์„œ๋น„์Šค
๋กฏ๋ฐ์‡ผํ•‘ ์ด์ปค๋จธ์Šค์‚ฌ์—…๋ณธ๋ถ€
๋ฒˆ๊ฐœ์žฅํ„ฐ
CJ

CJ

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

์‚ฌ๋žŒ์ธ
์—”ํ…Œํฌ์„œ๋น„์Šค
๋กฏ๋ฐ์‡ผํ•‘ ์ด์ปค๋จธ์Šค์‚ฌ์—…๋ณธ๋ถ€
๋ฒˆ๊ฐœ์žฅํ„ฐ
CJ

CJ

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

4.9

5.0

Ryan Kim

82% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

์—ฌ๋Ÿฌ ๊ฐ•์‚ฌ๋‹˜์ด ๋งŒ๋“œ์‹  RN ๊ฐ•์˜๋ฅผ ์„ธ ๊ฐœ ์ •๋„ ์™„๊ฐ•ํ–ˆ๋Š”๋ฐ, Kyo ๊ฐ•์‚ฌ๋‹˜ ๊ฐ•์˜๊ฐ€ ๊ฐ€์žฅ ํ›Œ๋ฅญํ•˜๋‹ค๊ณ  ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. (์ €๋Š” ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ผ์„œ ์ด ๊ฐ•์ขŒ์˜ NestJS ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ถ€๋ถ„์€ ์ˆ˜๊ฐ•ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.) 1. ๋‹ค์–‘ํ•œ ์š”๊ตฌ์‚ฌํ•ญ์„ ๊ฒฝํ—˜ํ•ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ์ ํŠธ ๊ตฌ์„ฑ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ํ”„๋กœ์ ํŠธ๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉด์„œ ๋‹ค์–‘ํ•˜๊ณ  ํ˜„์‹ค์ ์ธ ์š”๊ตฌ์‚ฌํ•ญ, ์ปดํฌ๋„ŒํŠธ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ, ์ด ๊ฐ•์˜๋งŒ ์ˆ˜๊ฐ•ํ•˜๋”๋ผ๋„ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ์•ฑ์„ ๋งŒ๋“ค๊ธฐ์— ์ถฉ๋ถ„ํ•œ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ•์˜ ์ž…๋‹ˆ๋‹ค. ํ† ์ด ํ”„๋กœ์ ํŠธ๋ผ๊ณ  ๋А๊ปด์ง€์ง€ ์•Š๊ณ , ์‹ค์ œ ์„œ๋น„์Šคํ•ด๋„ ๋  ์ •๋„์˜ ์ˆ˜์ค€์˜ ๋ณต์žกํ•˜๊ณ  ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„ ์•ฑ์„ ๊ฐœ๋ฐœํ•ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. (์ „์ฒด์ ์ธ ๊ฐ•์˜ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ๋“ค์–ด๋ณธ RN ๊ฐ•์˜์ค‘์— ์ƒ๋Œ€์ , ์ ˆ๋Œ€์ ์œผ๋กœ ๋ชจ๋‘ ๋†’์Œ) 2. ๊ฐ•์‚ฌ๋‹˜์˜ ์„ค๋ช…ํ•˜๋Š” ๋Šฅ๋ ฅ์ด ๋›ฐ์–ด๋‚จ ์–ด๋–ค ๊ฒƒ์— ๋Œ€ํ•ด ์ž˜ ์•Œ๊ณ  ์žˆ๊ณ  ์ž˜ ํ•˜๋Š” ๊ฒƒ๊ณผ, ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๊ทธ๊ฒƒ์„ ๊ฐ€๋ฅด์น˜๋Š” ๋Šฅ๋ ฅ์€ ๋ณ„๊ฐœ์˜ ๋Šฅ๋ ฅ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋ฉด์„œ ๋А๋‚€ ์ ์€ Kyo ๊ฐ•์‚ฌ๋‹˜์€ RN์— ๋Œ€ํ•œ ์ˆ™๋ จ๋„๊ฐ€ ๋†’์œผ์‹ค ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ๊ทธ๊ฒƒ์„ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์—๊ฒŒ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์ž˜ ์„ค๋ช…ํ•˜๋Š” ๋Šฅ๋ ฅ๋„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ณ  ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. ๋•๋ถ„์— ์‰ฝ๊ฒŒ ๊ฐ•์˜๋ฅผ ์™„๊ฐ• ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. 3. ์พŒ์ ํ•œ ์ˆ˜๊ฐ• ํ™˜๊ฒฝ (4K) ๋ณดํ†ต ๋‹ค๋ฅธ ๊ฐ•์˜๋“ค์€ 1K ๋กœ ์—…๋กœ๋“œ ๋˜๋Š”๋ฐ, ์ด ๊ฐ•์˜๋Š” 4K ์˜์ƒ์œผ๋กœ ์ดฌ์˜ํ•ด ์ฃผ์…”์„œ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋Š” ๋‚ด๋‚ด ์ •๋ง ๋ˆˆ ์ •ํ™”ํ•˜๋Š” ๊ธฐ๋ถ„์„ ๋А๋ผ๋ฉด์„œ ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ•์˜ ๋‚ด์šฉ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ด๋Ÿฐ ๊ฐ•์˜ ์ˆ˜๊ฐ• ํ™˜๊ฒฝ๊นŒ์ง€ ๊ณ ๋ คํ•ด์ฃผ์‹œ๋Š” ์ ๋งŒ ๋ด๋„, ์ „์ฒด์ ์ธ ๊ฐ•์˜ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ์ข‹์„ ์ˆ˜ ๋ฐ–์— ์—†๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ญ๋‹ˆ๋‹ค. ํŠนํžˆ ๋” ์ข‹์•˜๋˜ ์ ๋“ค - ๊ฐ•์˜ ์˜์ƒ ํ’ˆ์งˆ (4K) - ๋ณด๋„ˆ์Šค ๊ฐ•์˜ ๋‚ด์šฉ (๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ง์ ‘ ์ˆ˜์ •, ์ด๋ฏธ์ง€ ์ตœ์ ํ™”, ๋“ฑ) - ๊ฐ•์˜์—์„œ ๊ฐ™์ด ๊ฐœ๋ฐœํ•ด ๋‚˜๊ฐ€๋Š” ์•ฑ์˜ ์ˆ˜์ค€ (ํ”„๋กœ๋•ํŠธ ๋ ˆ๋ฒจ์˜ ๋ณต์žกํ•˜๊ณ  ํ˜„์‹ค์ ์ธ ์š”๊ตฌ์‚ฌํ•ญ์ด ๋ฐ˜์˜๋œ ์•ฑ) ํ‡ด๊ทผ ํ›„ ์งฌ๋‚ด์„œ ๋“ค์–ด์„œ ์˜ค๋ž˜ ๊ฑธ๋ ธ์ง€๋งŒ ์ •๋ง ์žฌ๋ฏธ์žˆ๊ณ  ์œ ์ตํ•œ ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๋” ์–ด๋ ค์šด ์ฃผ์ œ๋กœ RN ๊ฐ•์˜ ๋˜ ๋งŒ๋“œ์‹ ๋‹ค๋ฉด ๋ฌด์กฐ๊ฑด ์ˆ˜๊ฐ•ํ•  ์˜์‚ฌ ์žˆ์Šต๋‹ˆ๋‹ค!

5.0

HyeJung

100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

๊ฐ•์˜ ๋“ค์œผ๋ฉด์„œ ์งˆ๋ฌธ ๋งŽ์ด ํ–ˆ์—ˆ๋Š”๋ฐ ํ•˜๋‚˜ํ•˜๋‚˜ ๋‹ค ๋‹ต๋ณ€ํ•ด์ฃผ์…”์„œ ๋„ˆ๋ฌด ๊ฐ์‚ฌํ–ˆ์Šต๋‹ˆ๋‹ค!! React Native ๊ฐ•์˜ ๋“ค์œผ๋Ÿฌ์™”๋‹ค๊ฐ€ ๋” ๋งŽ์€ ๊ฒƒ์„ ์–ป๊ณ  ๊ฐ„ ๊ฒƒ ๊ฐ™์•„์„œ ๋„ˆ๋ฌด ์ข‹๋„ค์š” ใ…Ž ๊ฐ•์˜ ๋„˜์–ด๊ฐˆ๋•Œ๋งˆ๋‹ค ๋งค๋ฒˆ ๊ฐํƒ„ํ•˜๋ฉด์„œ ๋“ค์—ˆ์–ด์š” ๊ฐ์‚ฌํ•˜๋‹ค๋Š” ๋ง์„ ์งˆ๋ฌธ๊ธ€์— ๋งค๋ฒˆ ๋‚จ๊ธฐ๊ธฐ๋„ ๊ทธ๋žฌ์—ˆ๋Š”๋ฐ ์ด๋ ‡๊ฒŒ ๊ฐ•์˜ํ‰์— ๋‚จ๊ธฐ๊ฒŒ๋˜๋„ค์šฉ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•œ ์ง€์‹์ด ๋ถ€์กฑํ–ˆ์—ˆ๋Š”๋ฐ ๊ฐ•์˜ ๋“ค์œผ๋ฉด์„œ ๋ถ€์กฑํ•œ ์ง€์‹๋„ ์กฐ๊ธˆ์”ฉ ๋” ์ฑ„์›Œ์ง€๋Š” ๊ธฐ๋ถ„์ด์—ˆ์–ด์š”!! ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€๋„ ํ–ˆ์œผ๋‹ˆ๊นŒ ์ด ๊ฐ•์˜ ๋‹ค์‹œ ํ•œ ๋ฒˆ ์ œ๋Œ€๋กœ ๋“ค์–ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค ๋‹ค์‹œ ์ž˜ ๋ถ€ํƒ๋“œ๋ ค์š”!

5.0

ํ˜ธ๊ฐฑ

39% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

๋ชจ๋“  ๊ฐ•์˜๋ฅผ ๋‹ค ๋“ฃ๊ณ  ์นญ์ฐฌ์„ ๋”ํ•˜๊ณ  ์‹ถ์—ˆ์ง€๋งŒ ์ฐธ์ง€ ๋ชปํ•˜๊ณ  ์ˆ˜๊ฐ•ํ‰์„ ๋‚จ๊ธฐ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” next.js ๋กœ ์ •๋ง ๊ฐ„๋‹จํ•œ? ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. (๊ธฐ๋ณธ์ ์ธ react ๋ฌธ๋ฒ•๋งŒ ์•„๋Š” ์ƒํƒœ ์ž…๋‹ˆ๋‹ค.) ๋ฐฑ์•ค๋“œ ๊ฐœ๋ฐœ์ž๋กœ (spring , c#) ์ผํ•˜๊ณ  ์žˆ์–ด์„œ ํ”„๋ก ํŠธ๋„ ๊ด€์‹ฌ์ด ๋งŽ์•„์„œ react ๊ฐ•์˜๋„ ๋“ค์–ด๋ณด๊ณ  ํ–ˆ์ง€๋งŒ ์ •๋ง ์ด๋ ‡๊ฒŒ ์ˆ˜์ค€๋†’์€ ๊ฐ•์˜๋Š” ์ฒ˜์Œ ๋“ค์–ด๋ณด๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋‹น์žฅ ์‹ค๋ฌด์— ์ ์šฉ์‹œ์ผœ๋„ ๋ ๋งŒํผ์˜ ์†Œ์Šค ํ€„๋ฆฌํ‹ฐ๋ฅผ ๋ณด๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. (์ด๊ฒŒ ์ œ์ผํฐ ์žฅ์ ์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.) ์–ด๋–ค ๊ฐ•์˜๋“ค์€ ์ •๋ง ๋Œ์•„๊ฐ€๊ธฐ๋งŒ ํ•˜๋ฉด ๋‹ค์Œ๋‹จ๊ณ„๋กœ ๋„˜์–ด๊ฐ€๋Š” ๊ฐ•์˜๋„ ๋งŽ์€๋ฐ ๋ฐฐ์šธ๊ฒŒ ๋„ˆ๋ฌด ๋งŽ์€ ๊ฐ•์˜ ์˜€์Šต๋‹ˆ๋‹ค. ์ •๋ง ํŒฌ์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ํ˜„์žฌ ๊ฐ•์˜๋ฅผ ๋‹ค๋“ฃ๊ณ  ๋‹ค๋ฅธ ๊ฐ•์˜๋„ ๋“ค์–ด๋ณด๊ณ  ์‹ถ์€๋ฐ ์•„์ง ๊ฐ•์˜๊ฐ€ ํ˜„์žฌ ๊ฐ•์˜ ๋ฐ–์— ์—†๋”๋ผ๊ตฌ์š” ํ˜น์‹œ ์•ž์œผ๋กœ ๊ฐ•์˜ ๊ณ„ํš๊ณผ ํ˜น์‹œ next ๊ฐ•์˜๋ฅผ ๋งŒ๋“ค ์˜ํ–ฅ์ด ์žˆ์œผ์‹ ์ง€๋„ ๋ฌป๊ณ ์‹ถ์Šต๋‹ˆ๋‹ค.

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • React Native

  • React Query

  • Zustand

  • TypeScript

  • Nest.js

  • TypeORM

[์ค‘๊ธ‰] ๋ง›์ง‘ ์ง€๋„์•ฑ ๋งŒ๋“ค๊ธฐ with React Native & NestJS

โœจ ๊ฐ•์˜ ๋ฆฌ๋‰ด์–ผ ์•ˆ๋‚ด โœจ

2025๋…„ 8์›” 24์ผ ๋ฆฌ๋‰ด์–ผ์ด ์™„๋ฃŒ๋œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

๊ฐ•์˜ ์†Œ๊ฐœ

์ตœ์‹  ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋‚˜๋งŒ์˜ ๋ง›์ง‘ ์ง€๋„ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”! ํ”„๋ก ํŠธ ๋ฐ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ, ๋””์ž์ธ, ๋ฐฐํฌ๊นŒ์ง€ ์ „ ๊ณผ์ •์„ ์ค€๋น„ํ–ˆ์–ด์š”. ํ”ผ๊ทธ๋งˆ๋กœ ๊ตฌ์ถ•๋œ ๋””์ž์ธ์‹œ์Šคํ…œ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์•ฑ์„ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.

๋ฆฌ์•กํŠธ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ์•ฑ์„ ๊ฐœ๋ฐœํ•˜์—ฌ ์•ฑ์Šคํ† ์–ด/ํ”Œ๋ ˆ์ด์Šคํ† ์–ด ๋ชจ๋‘ ์ถœ์‹œํ•˜๊ธฐ๊นŒ์ง€, ๋‹ค์–‘ํ•œ ๋…ธํ•˜์šฐ๋ฅผ ์•Œ๋ ค๋“œ๋ ค์š”. ๊ธฐ์ˆ ์Šคํƒ์€ React Native, TypeScript, NestJS, react-query, zustand๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

ํ”„๋ก ํŠธ์—”๋“œ/๋ฐฑ์—”๋“œ ๋ชจ๋‘ ๊ฐœ๋ฐœํ•˜์—ฌ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ํ•˜๋‚˜์˜ ์„œ๋น„์Šค๋ฅผ ์™„์„ฑํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
๊ฐ•์˜ ์‹œ๊ฐ„์€ ํ”„๋ก ํŠธ์—”๋“œ 12์‹œ๊ฐ„ + ๋ฐฑ์—”๋“œ 3์‹œ๊ฐ„์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์œผ๋ฉฐ, ๋ชจ๋“  ์ˆ˜์—…๋ณ„ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

* ์ด ๊ฐ•์˜๋Š” React Native CLI๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ค‘๊ธ‰ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์ด ์  ์œ ์˜ํ•˜์—ฌ ์ˆ˜๊ฐ•์‹ ์ฒญ ํ•ด์ฃผ์„ธ์š”. (Expo๋ฅผ ์ด์šฉํ•œ ๊ฐœ๋ฐœ์€ ์•„๋ฐ”ํƒ€ ์ปค๋ฎค๋‹ˆํ‹ฐ์•ฑ ๋งŒ๋“ค๊ธฐ ๊ฐ•์˜๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”.)

๋‹ค๋ฃจ๋Š” ๋‚ด์šฉ

  • React Navigation


  • TypeScript

  • Tanstack Query (React Query)

  • Zustand

  • ์„œ๋ฒ„ ์ƒํƒœ & ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ

  • JWT ๊ธฐ๋ฐ˜ ์ธ์ฆ

  • ์นด์นด์˜ค ๋กœ๊ทธ์ธ / ์• ํ”Œ ๋กœ๊ทธ์ธ


  • ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ ๊ฐœ๋ฐœ

  • ํ•ฉ์„ฑ ์ปดํฌ๋„ŒํŠธ ํŒจํ„ด

  • ์ปค์Šคํ…€ ํ›… ํŒจํ„ด

  • Suspense, ErrorBoundary

  • ์•ฑ ๋ฐฐํฌ

  • ๊ตฌ๊ธ€๋งต API, ์นด์นด์˜ค๋งต API ์—ฐ๋™

  • ๋งˆ์ปค ํ‘œ์‹œ ๋ฐ ํด๋Ÿฌ์Šคํ„ฐ๋ง

  • ์ธํ”ผ๋‹ˆํŠธ ์Šคํฌ๋กค๋ง


  • ์บ˜๋ฆฐ๋” ๊ตฌํ˜„


  • ๋‹คํฌ๋ชจ๋“œ

  • ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ

  • ์•ฑ ๊ถŒํ•œ ๋‹ค๋ฃจ๊ธฐ

  • ๋‚ ์งœ ํ•จ์ˆ˜ ๋‹ค๋ฃจ๊ธฐ

  • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ˆ˜์ •ํ•˜๊ธฐ

  • WebView


  • NestJS & TypeORM

  • PostgreSQL

๐Ÿ“š ๊ฐ•์˜ ๊ธฐ์ˆ ์Šคํƒ

ํ”„๋ก ํŠธ์—”๋“œ๋Š” React Native(CLI), TypeScript๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ TanStack Query(React Query)๋ฅผ ์ ๊ทน์ ์œผ๋กœ ํ™œ์šฉํ•˜๋ฉฐ, ์ „์—ญ ์ƒํƒœ๊ด€๋ฆฌ ๋„๊ตฌ๋กœ๋Š” Zustand๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ฐฑ์—”๋“œ๋Š” NestJS, TypeORM, PostgresQL ์Šคํƒ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฐ–์—๋„ Google API, Kakao API ๋“ฑ์˜ ๋‹ค์–‘ํ•œ API๋ฅผ ์—ฐ๋™ํ•˜์—ฌ ํ•จ๊ป˜ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.

โญ ๏ธ์ฃผ์š” ๊ตฌํ˜„ ๊ธฐ๋Šฅ

ํšŒ์›๊ฐ€์ž…/๋กœ๊ทธ์ธ/์†Œ์…œ๋กœ๊ทธ์ธ

์ง€๋„/์œ„์น˜ ์—ฐ๋™

๋ฌดํ•œ์Šคํฌ๋กค/์ฆ๊ฒจ์ฐพ๊ธฐ

์žฅ์†Œ ๊ฒ€์ƒ‰/๋“ฑ๋ก

์บ˜๋ฆฐ๋” ๊ธฐ๋Šฅ

์„ค์ • ๋ฐ ๋‹คํฌ๋ชจ๋“œ

โš  ์„ธ๋ถ€ ๊ตฌํ˜„ ์‚ฌํ•ญ์€ ์ปค๋ฆฌํ˜๋Ÿผ์„ ํ™•์ธํ•ด์ฃผ์„ธ์š”!

๐Ÿ’ซ ์ด ๊ฐ•์˜์˜ ์ฐจ๋ณ„์ 

1. Android, iOS ๋™์‹œ ๊ฐœ๋ฐœ

๋‘ ํ”Œ๋žซํผ์„ ํ•จ๊ป˜ ๊ฐœ๋ฐœํ•˜๋ฉฐ, ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ/ํ™”๋ฉด์— ๋”ฐ๋ผ ์žฌ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ๊ณตํ†ต ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฐœ๋ฐœํ•ด์š”. ํ”Œ๋žซํผ๊ฐ„์˜ ์ฐจ์ด์ ๊ณผ ๋Œ€์‘ ๋ฐฉ๋ฒ• ๋˜ํ•œ ์•Œ๋ ค๋“œ๋ ค์š”.

2. ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„ & ์ปค์Šคํ…€ํ›…

๋‹จ์ˆœ ๊ตฌํ˜„์ด๋‚˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ๋ณด๋‹ค๋Š”, ํ•ฉ์„ฑ ์ปดํฌ๋„ŒํŠธ ํŒจํ„ด, ์ปค์Šคํ…€ ํ›… ํŒจํ„ด ๋“ฑ์˜ ์žฌ์‚ฌ์šฉ์„ฑ๊ณผ ์œ ์—ฐ์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์›Œ์š”.

3. Figma ๋””์ž์ธ ๊ธฐ๋ฐ˜ ๊ฐœ๋ฐœ

ํ”ผ๊ทธ๋งˆ๋กœ ๊ตฌ์ถ•๋œ ๋””์ž์ธ์‹œ์Šคํ…œ๊ณผ ๋ชจ๋“  ํ™”๋ฉด์— ๋Œ€ํ•œ ๋””์ž์ธ์„ ์ œ๊ณตํ•˜์—ฌ ์–ด๋–ค ์ปดํฌ๋„ŒํŠธ, ํ™”๋ฉด์„ ๊ตฌํ˜„ํ• ์ง€ ์‰ฝ๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

4. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ์ตœ์†Œํ™”

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ์„ ์ตœ์†Œํ™”ํ•˜๊ณ , ๋Œ€๋ถ€๋ถ„์˜ ๊ธฐ๋Šฅ์„ ์ง์ ‘ ๊ตฌํ˜„ํ•ด๋ณด๋ฉด์„œ ๊ตฌํ˜„ ๋Šฅ๋ ฅ๊ณผ ๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ์„ ํ‚ค์›Œ์š”. ์•ฝ 20๊ฐœ์˜ ์ปค์Šคํ…€ํ›…๊ณผ ์•ฝ 40๊ฐœ์˜ ์ปดํฌ๋„ŒํŠธ, ๊ฐ์ข… ์œ ํ‹ธํ•จ์ˆ˜๋ฅผ ์ง์ ‘ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

5. ์†Œ์Šค์ฝ”๋“œ ์ œ๊ณต

์™„์„ฑ๋˜์–ด ์žˆ๋Š” ๋ฐฑ์—”๋“œ ์†Œ์Šค์ฝ”๋“œ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ํ”„๋กœ์ ํŠธ ์‹œ์ž‘๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์ง„ํ–‰๋˜๋Š” ๋ชจ๋“  ์ˆ˜์—…์— ๋Œ€ํ•œ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๊ทธ ๋ฐ–์—๋„ ๋ธ”๋กœ๊ทธ, ์•„ํ‹ฐํด ๋“ฑ ์„œ๋น„์Šค๋ฅผ ๊ฐœ๋ฐœํ•˜๊ณ  ์ดํ•ดํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ์ž๋ฃŒ๋“ค์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

โ— ํ•„์š”ํ•œ ์„ ์ˆ˜ ์ง€์‹

ReactNative CLI๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ค‘๊ธ‰ ์ด์ƒ(์ „๋ฌธ์„ฑ์„ ๋†’์ด๋Š”) ๋‚œ์ด๋„ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์ž…๋ฌธ/์ดˆ๊ธ‰์ž์—๊ฒŒ๋Š” ๋งž์ง€ ์•Š์„ ์ˆ˜ ์žˆ์–ด์š”. ์ด ์  ์œ ์˜ํ•˜์—ฌ ์ˆ˜๊ฐ•์‹ ์ฒญ ํ•ด์ฃผ์„ธ์š”. (Expo๋ฅผ ์ด์šฉํ•œ ๊ฐœ๋ฐœ์€ ์•„๋ฐ”ํƒ€ ์ปค๋ฎค๋‹ˆํ‹ฐ์•ฑ ๋งŒ๋“ค๊ธฐ ๊ฐ•์˜๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”.)

  • JavaScript/CSS ์ง€์‹์ด ํ•„์š”ํ•ด์š”. map, filter ๋“ฑ ES6 ๋ฌธ๋ฒ•์„ ์„ค๋ช…ํ•˜์ง€ ์•Š์•„์š”.

  • React ์ง€์‹์ด ํ•„์š”ํ•ด์š”. state์™€ props, ๊ธฐ๋ณธ Hooks(useState, useEffect)๋“ฑ์„ ์„ค๋ช…ํ•˜์ง€ ์•Š์•„์š”.


โ— ์ฐธ๊ณ  ์‚ฌํ•ญ

  • ๊ฐ•์˜๋Š” ReactNative CLI๋กœ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค. Expo๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„์š”.

  • ๊ฐ•์˜ ๊ฐœ๋ฐœํ™˜๊ฒฝ์€ Mac OS ์ž…๋‹ˆ๋‹ค. (Window ์‚ฌ์šฉ์ž๋Š” Android ๊ฐœ๋ฐœ๋งŒ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. iOS ์•ฑ๊ฐœ๋ฐœ์„ ์œ„ํ•ด์„œ๋Š” Mac ํ™˜๊ฒฝ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.)

  • ์ด ๊ฐ•์˜๋Š” 3840โ€Šร—โ€Š2160 (4K) ํ•ด์ƒ๋„๋กœ ์ œ์ž‘๋˜์–ด ๋†’์€ ํ•ด์ƒ๋„๋ฅผ ์„ ํƒํ•˜๋ฉด ๋” ์ข‹์€ ํ™”์งˆ๋กœ ์ˆ˜๊ฐ•ํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


* 2025๋…„ 8์›” 24์ผ ๋ฆฌ๋‰ด์–ผ์ด ์™„๋ฃŒ๋œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ๋‚˜๋งŒ์˜ ์•ฑ์„ ์ถœ์‹œํ•˜๊ณ  ์‹ถ์€ ๋ถ„

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ/๋ฆฌ์•กํŠธ ๊ธฐ์ดˆ๋ฅผ ํ•™์Šตํ•ด ๋ณด์‹  ๋ถ„

  • ์‹ค์ œ ์šด์˜๋˜๋Š” ํŠน๋ณ„ํ•œ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ๊ฐ€์ง€๊ณ  ์‹ถ์€ ๋ถ„

  • ํ•˜๋‚˜์˜ ์•ฑ์„ ์™„์„ฑ๋„ ์žˆ๊ฒŒ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ํ”„๋ก ํŠธ/๋ฐฑ์—”๋“œ ๋ชจ๋‘ ๊ฐœ๋ฐœํ•˜๊ณ  ์‹ถ์€ ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • React ์ง€์‹์ด ํ•„์š”ํ•ด์š”.

  • JavaScript/CSS ์ง€์‹์ด ํ•„์š”ํ•ด์š”.

  • Node.js, Express ๊ฒฝํ—˜์ด ์žˆ์œผ๋ฉด ์ข‹์•„์š”. (๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์‹œ)

์•ˆ๋…•ํ•˜์„ธ์š”
Kyo์ž…๋‹ˆ๋‹ค.

2,216

๋ช…

์ˆ˜๊ฐ•์ƒ

178

๊ฐœ

์ˆ˜๊ฐ•ํ‰

350

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

3

๊ฐœ

๊ฐ•์˜

์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์‹œ์ž‘ํ•˜์—ฌ ํ˜„์žฌ๋Š” ์ปค๋จธ์Šค ํ”Œ๋žซํผ ํ’€์Šคํƒ ๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ธํ”„๋Ÿฐ์—์„œ๋Š” ์™„์„ฑ๋„ ๋†’์€ ํ”„๋กœ๋•ํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๊ฐ•์˜๋ฅผ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

  • โœ‰inkyo.dev@gmail.com

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

119๊ฐœ โˆ™ (14์‹œ๊ฐ„ 59๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

์ˆ˜์—…์ž๋ฃŒ
๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

100๊ฐœ

4.9

100๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • ์ด์ข…๋ฌธ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ์ด์ข…๋ฌธ

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    ์ˆ˜์ •๋จ

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    React Native๋กœ ์•ฑ์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ๋งŒ๋“ค์–ด๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ํ”„๋ก ํŠธ์™€ ๋ฐฑ์—”๋“œ๋ฅผ ๋ชจ๋‘ ๊ฒฝํ—˜ํ–ˆ๊ณ , ์‹ค์ œ ๋ฐฐํฌ๊นŒ์ง€ ์™„๋ฃŒํ•  ์ˆ˜ ์žˆ์–ด ์‹ค์ „ ๊ฐ๊ฐ์„ ์ตํžˆ๊ธฐ์— ์ถฉ๋ถ„ํ–ˆ์Šต๋‹ˆ๋‹ค. React Query, Zustand, NestJS, TypeORM ๋“ฑ ์ตœ์‹  ๊ธฐ์ˆ ๋“ค์„ ์‚ฌ์šฉํ•ด์„œ ๊ธฐ์ˆ  ์Šคํƒ ๊ณต๋ถ€์—๋„ ๋„์›€์ด ๋๊ณ , ์นด์นด์˜ค/์• ํ”Œ ๋กœ๊ทธ์ธ, ์ง€๋„ API, ๋ฌดํ•œ ์Šคํฌ๋กค ๊ฐ™์€ ์‹ค์šฉ์ ์ธ ๊ธฐ๋Šฅ๋“ค๋„ ๋น ์ง์—†์ด ๋‹ค๋ค„์กŒ์Šต๋‹ˆ๋‹ค. ์ฝ”๋“œ๋„ ์ž˜ ์ •๋ฆฌ๋ผ ์žˆ๊ณ  ์„ค๋ช…๋„ ๋ช…ํ™•ํ•ด์„œ ๋”ฐ๋ผ๊ฐ€๊ธฐ ์‰ฌ์› ์Šต๋‹ˆ๋‹ค. ์•ฑ์Šคํ† ์–ด/ํ”Œ๋ ˆ์ด์Šคํ† ์–ด ์ถœ์‹œ๊นŒ์ง€ ์ „ ๊ณผ์ •์„ ์ง์ ‘ ํ•ด๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ์™„์„ฑ๋„ ๋†’์€ ๊ฐ•์˜๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

    • Kyo
      ์ง€์‹๊ณต์œ ์ž

      ๋ชจ๋“  ์ˆ˜์—…์„ ์ˆ˜๊ฐ•ํ•˜์…จ๋„ค์š”! ์™„์„ฑ๋„ ๋†’์€ ๊ฐ•์˜๋ผ๊ณ  ํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

  • ๊ฐ•ํ”„๋กœ๊ทธ๋ž˜๋จธ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๊ฐ•ํ”„๋กœ๊ทธ๋ž˜๋จธ

    ์ˆ˜๊ฐ•ํ‰ 24

    โˆ™

    ํ‰๊ท  ํ‰์  4.6

    5

    99% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ œ์ผ ์นœํ•œ ์นœ๊ตฌ์—๊ฒŒ ์†Œ๊ฐœํŒ…์€ ์ •๋ง ๊ดœ์ฐฎ์€ ์‚ฌ๋žŒ์œผ๋กœ ์†Œ๊ฐœํ•ด์ค€๋‹ค๋ฉด ์ œ์ผ ์นœํ•œ ์นœ๊ตฌ์—๊ฒŒ RN์€ ๋ฌด์กฐ๊ฑด ์ด ๊ฐ•์˜๋ฅผ ์†Œ๊ฐœ์‹œ์ผœ์ฃผ๊ณ ์‹ถ๋„ค์š” ์žฅ์  1) ์งˆ๋ฌธํ•˜๋ฉด AI๋ณด๋‹ค ๋” ๋น ๋ฅด๊ฒŒ ๋‹ต๋ณ€ํ•ด์ฃผ์‹ ๋‹ค 2) ๊ฐ•์˜ ์ฑ•ํ„ฐ๋งˆ๋‹ค ๊นƒํ—™์— ์˜ฌ๋ผ์™€ ์žˆ์–ด์„œ ์ฐธ๊ณ ํ•˜๊ธฐ๊ฐ€ ๋„ˆ๋ฌด ํŽธํ•˜๋‹ค 3) ๋ชฉ์†Œ๋ฆฌ๊ฐ€ ๋‚˜๊ธ‹ํ•˜๋‹ค....(์‚ด์ง ์„ฑ์‹œ๊ฒฝ์ด๋ผ๊ณ  ํ•ด์•ผ๋˜๋‚˜..ใ„ทใ„ท) 4) ๋ฆฌํŒฉํ† ๋ง ๊ณผ์ •๋„ ํฌํ•จ๋˜์–ด ์žˆ๋‹ค

    • Kyo
      ์ง€์‹๊ณต์œ ์ž

      ์ปค๋ฎค๋‹ˆํ‹ฐ์— ์งˆ๋ฌธ/๊ณต์œ ๊ธ€์„ ๋งŽ์ด์จ์ฃผ์…จ์—ˆ๋Š”๋ฐ ์ด๋ ‡๊ฒŒ ์ˆ˜๊ฐ•ํ‰๊นŒ์ง€ ์ž‘์„ฑํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ๐Ÿ™‚ ์†Œ๊ฐœ์‹œ์ผœ์ฃผ๊ณ ์‹ถ์€ ๊ฐ•์˜๋ผ๋‹ˆ ์ข‹๋„ค์š”๐Ÿ‘๐Ÿ‘ ์•ž์œผ๋กœ๋„ ๋ง‰ํžˆ๋Š”๋ถ€๋ถ„ ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“  ์•Œ๋ ค์ฃผ์„ธ์š”!!

  • ๋ฐ•์ •ํ™˜๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๋ฐ•์ •ํ™˜

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    ์ˆ˜์ •๋จ

    5

    12% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ €๋Š” ์›๋ž˜ ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ์•ฑ ๊ฐœ๋ฐœ์„ ํ•ด ์™”๋Š”๋ฐ, ์ด๋ฒˆ์— RN์„ ์‹ฌ๋„ ์žˆ๊ฒŒ ๋ฐฐ์šฐ๊ณ  ์‹ถ์–ด์„œ ๋“ฃ๊ฒŒ ๋์–ด์š”. ์‚ฌ์‹ค ์ฒ˜์Œ์—” โ€œํด๋ผ์ด์–ธํŠธ๋ž‘ ์„œ๋ฒ„๊นŒ์ง€ ๋‹ค ๋‹ค๋ฃฌ๋‹ค๋Š”๋ฐ, ์‹œ๊ฐ„๋งŒ ๊ธธ๊ณ  ๋ณ„๋กœ๋ฉด ์–ด์ฉŒ์ง€?โ€ ํ•˜๋Š” ๊ฑฑ์ •๋„ ์žˆ์—ˆ๊ฑฐ๋“ ์š”. ๊ทธ๋Ÿฐ๋ฐ ์ƒ๊ฐ๋ณด๋‹ค ํ›จ์”ฌ ์ฒด๊ณ„์ ์œผ๋กœ ๊ตฌ์„ฑ์ด ์ž˜ ๋˜์–ด ์žˆ์–ด์„œ, ๋งค ๊ฐ•์˜๋งˆ๋‹ค ์ •๋ง ์“ธ๋ชจ ์žˆ๋Š” ์ง€์‹๋“ค์„ ์–ป๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ€์žฅ ์ข‹์•˜๋˜ ์ ์€ ์ „์ฒด์ ์ธ ์„œ๋น„์Šค ํ๋ฆ„์„ ํ•œ ๋ฒˆ์— ์ตํž ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฑฐ์˜ˆ์š”. Figma๋กœ ๋””์ž์ธ ์žก๋Š” ๋ถ€๋ถ„๋ถ€ํ„ฐ, React Native๋กœ ํ™”๋ฉด ๊ตฌ์„ฑํ•˜๊ณ , NestJS ๋ฐฑ์—”๋“œ๊นŒ์ง€ ์—ฐ๋™ํ•˜๋Š” ๊ณผ์ •์„ ์ฐจ๊ทผ์ฐจ๊ทผ ๋ณด์—ฌ์ฃผ๋‹ˆ๊นŒ, ๋งค ์ˆœ๊ฐ„ โ€œ์ด๊ฒŒ ์ด๋ ‡๊ฒŒ ์—ฐ๊ฒฐ๋˜๋Š”๊ตฌ๋‚˜โ€ ํ•˜๋Š” ๊นจ๋‹ฌ์Œ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. AWS์— ๋ฐฐํฌํ•˜๋Š” ๋ถ€๋ถ„๊นŒ์ง€ ๋‹ค๋ฃฌ๋‹ค๋Š” ์ ๋„ ์ข‹์•˜๊ณ ์š”. ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๊ฐ€ ๋‚ฏ์„ค๊ธด ํ–ˆ์ง€๋งŒ, ์˜ˆ์ œ ์ˆ˜์ค€์ด ์•„๋‹ˆ๋ผ ์‹ค์ œ๋กœ ๋ฐ”๋กœ ์จ๋จน์„ ๋งŒํ•œ ๊ธฐ๋Šฅ๋“ค์„ ๋‹ค์–‘ํ•˜๊ฒŒ ๋‹ค๋ค„์„œ ํฅ๋ฏธ๋กญ๊ฒŒ ๋”ฐ๋ผ๊ฐ€๊ณ  ์žˆ์–ด์š”. ์ค‘๊ฐ„์ค‘๊ฐ„ RN์—์„œ๋งŒ ๋งˆ์ฃผ์น˜๋Š” ํŠน์ดํ•œ ๋ถ€๋ถ„๋“ค์„ ์ž์„ธํžˆ ์งš์–ด์ฃผ์–ด์„œ, ๋„ค์ดํ‹ฐ๋ธŒ ๊ฐœ๋ฐœ์„ ํ•˜๋˜ ์ €๋„ ๋ณ„ ์–ด๋ ค์›€ ์—†์ด ๋„˜์–ด๊ฐˆ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ •๋ง ๋งŒ์กฑ์Šค๋Ÿฝ๊ฒŒ ๋“ฃ๊ณ  ์žˆ์–ด์„œ ๋ฒŒ์จ๋ถ€ํ„ฐ โ€œ์•„๋ฐ”ํƒ€ ์ปค๋ฎค๋‹ˆํ‹ฐ์•ฑ ๋งŒ๋“ค๊ธฐโ€ ๊ฐ™์€ ๋‹ค๋ฅธ ๊ฐ•์˜๋“ค๋„ ๊ถ๊ธˆํ•ด์ง€๋„ค์š”. ๋ชจ๋ฐ”์ผ ์•ฑ์„ ์ œ๋Œ€๋กœ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์€ ๋ถ„๊ป˜ ๊ฐ•๋ ฅ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค! ์ €๋Š” ๋ณ„๋‹ค๋ฅธ ์งˆ๋ฌธ ์—†์ด๋„ ๊ฐ•์˜ ๋‚ด์šฉ์„ ์ถฉ๋ถ„ํžˆ ๋”ฐ๋ผ๊ฐˆ ์ˆ˜ ์žˆ์—ˆ์–ด์š”. ์•ž์œผ๋กœ๋„ ์ด๋ ‡๊ฒŒ ๋ฐ€๋„ ๋†’์€ ๊ฐ•์˜ ๋งŽ์ด ๋งŒ๋“ค์–ด์ฃผ์‹œ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

    • Kyo
      ์ง€์‹๊ณต์œ ์ž

      ์ข‹์€ ์ˆ˜๊ฐ•ํ›„๊ธฐ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค!

  • Ryan Kim๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    Ryan Kim

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    82% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์—ฌ๋Ÿฌ ๊ฐ•์‚ฌ๋‹˜์ด ๋งŒ๋“œ์‹  RN ๊ฐ•์˜๋ฅผ ์„ธ ๊ฐœ ์ •๋„ ์™„๊ฐ•ํ–ˆ๋Š”๋ฐ, Kyo ๊ฐ•์‚ฌ๋‹˜ ๊ฐ•์˜๊ฐ€ ๊ฐ€์žฅ ํ›Œ๋ฅญํ•˜๋‹ค๊ณ  ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. (์ €๋Š” ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ผ์„œ ์ด ๊ฐ•์ขŒ์˜ NestJS ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ถ€๋ถ„์€ ์ˆ˜๊ฐ•ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.) 1. ๋‹ค์–‘ํ•œ ์š”๊ตฌ์‚ฌํ•ญ์„ ๊ฒฝํ—˜ํ•ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ์ ํŠธ ๊ตฌ์„ฑ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ํ”„๋กœ์ ํŠธ๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉด์„œ ๋‹ค์–‘ํ•˜๊ณ  ํ˜„์‹ค์ ์ธ ์š”๊ตฌ์‚ฌํ•ญ, ์ปดํฌ๋„ŒํŠธ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ, ์ด ๊ฐ•์˜๋งŒ ์ˆ˜๊ฐ•ํ•˜๋”๋ผ๋„ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ์•ฑ์„ ๋งŒ๋“ค๊ธฐ์— ์ถฉ๋ถ„ํ•œ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ•์˜ ์ž…๋‹ˆ๋‹ค. ํ† ์ด ํ”„๋กœ์ ํŠธ๋ผ๊ณ  ๋А๊ปด์ง€์ง€ ์•Š๊ณ , ์‹ค์ œ ์„œ๋น„์Šคํ•ด๋„ ๋  ์ •๋„์˜ ์ˆ˜์ค€์˜ ๋ณต์žกํ•˜๊ณ  ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„ ์•ฑ์„ ๊ฐœ๋ฐœํ•ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. (์ „์ฒด์ ์ธ ๊ฐ•์˜ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ๋“ค์–ด๋ณธ RN ๊ฐ•์˜์ค‘์— ์ƒ๋Œ€์ , ์ ˆ๋Œ€์ ์œผ๋กœ ๋ชจ๋‘ ๋†’์Œ) 2. ๊ฐ•์‚ฌ๋‹˜์˜ ์„ค๋ช…ํ•˜๋Š” ๋Šฅ๋ ฅ์ด ๋›ฐ์–ด๋‚จ ์–ด๋–ค ๊ฒƒ์— ๋Œ€ํ•ด ์ž˜ ์•Œ๊ณ  ์žˆ๊ณ  ์ž˜ ํ•˜๋Š” ๊ฒƒ๊ณผ, ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๊ทธ๊ฒƒ์„ ๊ฐ€๋ฅด์น˜๋Š” ๋Šฅ๋ ฅ์€ ๋ณ„๊ฐœ์˜ ๋Šฅ๋ ฅ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋ฉด์„œ ๋А๋‚€ ์ ์€ Kyo ๊ฐ•์‚ฌ๋‹˜์€ RN์— ๋Œ€ํ•œ ์ˆ™๋ จ๋„๊ฐ€ ๋†’์œผ์‹ค ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ๊ทธ๊ฒƒ์„ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์—๊ฒŒ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์ž˜ ์„ค๋ช…ํ•˜๋Š” ๋Šฅ๋ ฅ๋„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ณ  ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. ๋•๋ถ„์— ์‰ฝ๊ฒŒ ๊ฐ•์˜๋ฅผ ์™„๊ฐ• ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. 3. ์พŒ์ ํ•œ ์ˆ˜๊ฐ• ํ™˜๊ฒฝ (4K) ๋ณดํ†ต ๋‹ค๋ฅธ ๊ฐ•์˜๋“ค์€ 1K ๋กœ ์—…๋กœ๋“œ ๋˜๋Š”๋ฐ, ์ด ๊ฐ•์˜๋Š” 4K ์˜์ƒ์œผ๋กœ ์ดฌ์˜ํ•ด ์ฃผ์…”์„œ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋Š” ๋‚ด๋‚ด ์ •๋ง ๋ˆˆ ์ •ํ™”ํ•˜๋Š” ๊ธฐ๋ถ„์„ ๋А๋ผ๋ฉด์„œ ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ•์˜ ๋‚ด์šฉ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ด๋Ÿฐ ๊ฐ•์˜ ์ˆ˜๊ฐ• ํ™˜๊ฒฝ๊นŒ์ง€ ๊ณ ๋ คํ•ด์ฃผ์‹œ๋Š” ์ ๋งŒ ๋ด๋„, ์ „์ฒด์ ์ธ ๊ฐ•์˜ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ์ข‹์„ ์ˆ˜ ๋ฐ–์— ์—†๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ญ๋‹ˆ๋‹ค. ํŠนํžˆ ๋” ์ข‹์•˜๋˜ ์ ๋“ค - ๊ฐ•์˜ ์˜์ƒ ํ’ˆ์งˆ (4K) - ๋ณด๋„ˆ์Šค ๊ฐ•์˜ ๋‚ด์šฉ (๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ง์ ‘ ์ˆ˜์ •, ์ด๋ฏธ์ง€ ์ตœ์ ํ™”, ๋“ฑ) - ๊ฐ•์˜์—์„œ ๊ฐ™์ด ๊ฐœ๋ฐœํ•ด ๋‚˜๊ฐ€๋Š” ์•ฑ์˜ ์ˆ˜์ค€ (ํ”„๋กœ๋•ํŠธ ๋ ˆ๋ฒจ์˜ ๋ณต์žกํ•˜๊ณ  ํ˜„์‹ค์ ์ธ ์š”๊ตฌ์‚ฌํ•ญ์ด ๋ฐ˜์˜๋œ ์•ฑ) ํ‡ด๊ทผ ํ›„ ์งฌ๋‚ด์„œ ๋“ค์–ด์„œ ์˜ค๋ž˜ ๊ฑธ๋ ธ์ง€๋งŒ ์ •๋ง ์žฌ๋ฏธ์žˆ๊ณ  ์œ ์ตํ•œ ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๋” ์–ด๋ ค์šด ์ฃผ์ œ๋กœ RN ๊ฐ•์˜ ๋˜ ๋งŒ๋“œ์‹ ๋‹ค๋ฉด ๋ฌด์กฐ๊ฑด ์ˆ˜๊ฐ•ํ•  ์˜์‚ฌ ์žˆ์Šต๋‹ˆ๋‹ค!

    • Kyo
      ์ง€์‹๊ณต์œ ์ž

      ์ด ๊ฐ•์˜์—์„œ๋Š” ๋ง์”€ํ•˜์‹ ๊ฒƒ์ฒ˜๋Ÿผ ๋งŒ๋“ค๊ณ  ๋๋‚˜๋Š” ๋‹จ์ˆœ ํ”„๋กœ์ ํŠธ๋ณด๋‹ค๋Š”, ์„œ๋น„์Šค ๊ฐ€๋Šฅํ• ์ •๋„์˜ ์™„์„ฑ๋„์žˆ๋Š” ์•ฑ์„ ๋งŒ๋“ค์–ด๋ณด๋Š”๊ฒŒ ๋ชฉํ‘œ์˜€๋Š”๋ฐ์š”. ๊ทธ๋งŒํผ ๊ฐ•์˜์‹œ๊ฐ„์ด ๊ธธ์–ด์ง€๊ธดํ–ˆ์ง€๋งŒ ๊ทธ๋ž˜๋„ ๊ฐ•์˜๊ฐ€ ์ž˜ ๋งž์œผ์‹ ๊ฒƒ๊ฐ™์•„ ์ข‹๋„ค์š”. ์ •๋ง ์ƒ์„ธํ•œ ํ›„๊ธฐ ๋‚จ๊ฒจ์ฃผ์…”์„œ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค :)

  • dubu777๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    dubu777

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  3.5

    5

    91% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์งˆ๋ฌธ ํ•˜๋‚˜ํ•˜๋‚˜ ์ •๋ง ์นœ์ ˆํ•˜๊ฒŒ ๋Œ€๋‹ต ํ•ด์ฃผ์‹ญ๋‹ˆ๋‹ค.. ์ด๋•Œ๊นŒ์ง€ ๋“ค์–ด ๋ดค๋˜ ๊ฐ•์˜์ค‘์— ๊ฐ€์žฅ ์นœ์ ˆํ•˜๊ณ  ์„ธ์„ธํ•œ ๊ฐ•์˜์˜€์–ด์š” ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

    • Kyo
      ์ง€์‹๊ณต์œ ์ž

      ๊ฐ€์žฅ ์นœ์ ˆํ•˜๊ณ  ์„ธ์„ธํ•œ ๊ฐ•์˜๋ผ๊ณ  ํ•ด์ฃผ์…”์„œ ์ •๋ง ํฐ ํž˜์ด ๋ฉ๋‹ˆ๋‹ค. ํ›„๊ธฐ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

Kyo๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

๋น„์Šทํ•œ ๊ฐ•์˜

๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

์—ฐ๊ด€ ๋กœ๋“œ๋งต

๊ฐ•์˜๊ฐ€ ํฌํ•จ๋œ ๋กœ๋“œ๋งต์œผ๋กœ ํ•™์Šตํ•ด ๋ณด์„ธ์š”!