Java to TypeScript in 14 Steps

๊ด‘๊ณ  ํฌํ•จ
500+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
์ „์ฒด์ด์šฉ๊ฐ€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

์•ฑ ์ •๋ณด

Java ์ง€์‹์„ ์‚ฌ์šฉํ•˜์—ฌ TypeScript๋ฅผ ๋งˆ์Šคํ„ฐํ•˜๊ณ  ์‹ถ์œผ์‹ญ๋‹ˆ๊นŒ? ์šฐ๋ฆฌ์˜ Android ์•ฑ์€ ์ด ๊ฐ•๋ ฅํ•œ ์–ธ์–ด๋ฅผ ํ•™์Šตํ•˜๊ธฐ ์œ„ํ•œ ํฌ๊ด„์ ์ธ ๊ฐ€์ด๋“œ๋ฅผ ์ œ๊ณตํ•˜๋ฉฐ 14๊ฐœ์˜ ์„ธ๋ถ€ ์ฃผ์ œ, ์ฝ”๋“œ ์˜ˆ์ œ, ๋‹ค์ด์–ด๊ทธ๋žจ ๋ฐ ๋‹จ๊ณ„๋ณ„ ์ง€์นจ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
0- TypeScript ์†Œ๊ฐœ
1- TypeScript์˜ ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜
2- TypeScript์˜ ๊ธฐ๋ณธ ๋ฐ์ดํ„ฐ ์œ ํ˜•
3- ์œ ํ˜• ์ฃผ์„ ๋ฐ ์ถ”๋ก 
4- TypeScript์˜ ํ•จ์ˆ˜ ๋ฐ ์œ ํ˜•
5- TypeScript์˜ ๊ฐ์ฒด ์œ ํ˜• ๋ฐ ์ธํ„ฐํŽ˜์ด์Šค
6- TypeScript์˜ ๋ฐฐ์—ด ๋ฐ ํŠœํ”Œ ์œ ํ˜•
7- TypeScript์˜ ๊ฒฐํ•ฉ ๋ฐ ๊ต์ฐจ ์œ ํ˜•
8- TypeScript์˜ ์œ ํ˜• ๊ฐ€๋“œ ๋ฐ ์œ ํ˜• ์–ด์„ค์…˜
9- TypeScript์˜ ํด๋ž˜์Šค์™€ ์ƒ์†
10- TypeScript์˜ ์ œ๋„ค๋ฆญ
11- TypeScript์˜ ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ
12- TypeScript ๋ชจ๋“ˆ ์†Œ๊ฐœ
13- TypeScript๋ฅผ ์‚ฌ์šฉํ•œ ๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ
14- ๊ณ ๊ธ‰ TypeScript ๊ธฐ๋Šฅ
15- TypeScript โ€“ ์ธํ„ฐ๋ทฐ ์งˆ๋ฌธ ๋ฐ ๋‹ต๋ณ€
16- ๋ฌด๋ฃŒ ์ธ์ฆ (์ง€๊ธˆ ๋‹ค์šด๋กœ๋“œ)

0๋‹จ๊ณ„์—์„œ๋Š” TypeScript, ๊ทธ ์ด์  ๋ฐ ์ฃผ์š” ๊ธฐ๋Šฅ์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜๋กœ ์ด๋™ํ•˜์—ฌ ์„ ์–ธ ๋ฐ ํ• ๋‹น ๋ฐฉ๋ฒ•์„ ๋ฐฐ์šฐ๊ณ  ํ•ด๋‹น ๋ฒ”์œ„๋ฅผ ์ดํ•ดํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

2๋‹จ๊ณ„์—์„œ๋Š” ๋ฌธ์ž์—ด, ์ˆซ์ž, ๋ถ€์šธ์„ ํฌํ•จํ•œ TypeScript์˜ ๊ธฐ๋ณธ ๋ฐ์ดํ„ฐ ์œ ํ˜•์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ๊ฐ ์œ ํ˜•์˜ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ์œ ํ˜• ์ฃผ์„ ๋ฐ ์ถ”๋ก ์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

ํ•จ์ˆ˜์™€ ํ•ด๋‹น ์œ ํ˜•์€ 4๋‹จ๊ณ„์—์„œ ๋‹ค๋ฃจ๋ฉฐ, ํ•จ์ˆ˜ ์„ ์–ธ ๋ฐ ํ˜ธ์ถœ ๋ฐฉ๋ฒ•๊ณผ ํ•จ์ˆ˜ ์œ ํ˜• ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์˜ˆ๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.

5๋‹จ๊ณ„์—์„œ๋Š” TypeScript์˜ ๊ฐ์ฒด ์œ ํ˜•๊ณผ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์†Œ๊ฐœํ•˜๊ณ  ์ด๋ฅผ ์ •์˜ํ•˜๊ณ  ์‚ฌ์šฉํ•˜์—ฌ ๋ณต์žกํ•œ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

6๋‹จ๊ณ„์—์„œ๋Š” TypeScript์˜ ๋ฐฐ์—ด ๋ฐ ํŠœํ”Œ ์œ ํ˜•๊ณผ ์ด๋ฅผ ์ฝ”๋“œ์—์„œ ํšจ๊ณผ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

7๋‹จ๊ณ„์—์„œ๋Š” TypeScript์˜ ๊ฒฐํ•ฉ ๋ฐ ๊ต์ฐจ ์œ ํ˜•์„ ๋‹ค๋ฃจ๊ณ  ์ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์œ ์—ฐํ•˜๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์ฝ”๋“œ๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์˜ˆ์ œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์œ ํ˜• ๊ฐ€๋“œ ๋ฐ ์œ ํ˜• ์–ด์„ค์…˜์€ TypeScript ํ”„๋กœ์ ํŠธ์—์„œ ์ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ณด์—ฌ์ฃผ๋Š” ์‹ค์ œ ์˜ˆ์ œ์™€ ํ•จ๊ป˜ 8๋‹จ๊ณ„์—์„œ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

9๋‹จ๊ณ„์—์„œ๋Š” ํด๋ž˜์Šค๋ฅผ ๋งŒ๋“ค๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•, ์ƒ์†์„ ์‚ฌ์šฉํ•˜์—ฌ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ฝ”๋“œ๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ํฌํ•จํ•˜์—ฌ TypeScript์˜ ํด๋ž˜์Šค์™€ ์ƒ์†์„ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

์ œ๋„ค๋ฆญ์€ ์œ ์—ฐํ•˜๊ณ  ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ์ œ๋„ค๋ฆญ์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์˜ˆ์™€ ํ•จ๊ป˜ 10๋‹จ๊ณ„์—์„œ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

11๋‹จ๊ณ„์—์„œ๋Š” TypeScript์˜ ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ๋ฅผ ์†Œ๊ฐœํ•˜๊ณ  ์ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํด๋ž˜์Šค์™€ ํ•จ์ˆ˜์— ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

12๋‹จ๊ณ„์—์„œ๋Š” ์ฝ”๋“œ๋ฅผ ๊ตฌ์„ฑํ•˜๊ณ  ์ด๋ฆ„ ์ถฉ๋Œ์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ชจ๋“ˆ์„ ๋งŒ๋“ค๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํฌํ•จํ•˜์—ฌ TypeScript์˜ ๋ชจ๋“ˆ์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

13๋‹จ๊ณ„์—์„œ๋Š” Promise ๋ฐ async/await๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊นจ๋—ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ๋น„๋™๊ธฐ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํฌํ•จํ•˜์—ฌ TypeScript๋ฅผ ์‚ฌ์šฉํ•œ ๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

14๋‹จ๊ณ„์—์„œ๋Š” ์กฐ๊ฑด๋ถ€ ์œ ํ˜•, ๋งคํ•‘๋œ ์œ ํ˜• ๋ฐ ์œ ํ˜• ์ˆ˜์ค€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํฌํ•จํ•œ ๊ณ ๊ธ‰ TypeScript ๊ธฐ๋Šฅ์„ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

๋˜ํ•œ ์ทจ์—… ๋ฉด์ ‘ ์ค€๋น„์— ๋„์›€์ด ๋˜๋Š” TypeScript ๋ฉด์ ‘ ์งˆ๋ฌธ ๋ฐ ๋‹ต๋ณ€ ์„น์…˜๊ณผ ๊ณผ์ • ์™„๋ฃŒ ์‹œ ๋‹ค์šด๋กœ๋“œํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌด๋ฃŒ ์ธ์ฆ๋„ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ ์•ฑ์„ ์‚ฌ์šฉํ•˜๋ฉด ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๋“ , ์„œ๋ฒ„ ์ธก ์ฝ”๋“œ๋ฅผ ๊ตฌ์ถ•ํ•˜๋“ , ์•„๋‹ˆ๋ฉด ๋‹จ์ˆœํžˆ TypeScript๋ฅผ ์‹คํ—˜ํ•˜๋“  ์ƒ๊ด€์—†์ด ์ž์‹ ์žˆ๊ฒŒ TypeScript ์ฝ”๋“œ๋ฅผ ์ฆ‰์‹œ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿผ ์™œ ๊ธฐ๋‹ค๋ ค? ์ง€๊ธˆ ์•ฑ์„ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  TypeScript๋ฅผ ๋งˆ์Šคํ„ฐํ•ด ๋ณด์„ธ์š”!
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2025. 4. 14.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์•ฑ์—์„œ ์ œ3์ž์™€ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ์œ ํ˜•
๊ธฐ๊ธฐ ๋˜๋Š” ๊ธฐํƒ€ ID
์ˆ˜์ง‘๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ์ˆ˜์ง‘์„ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
๋ฐ์ดํ„ฐ๊ฐ€ ์•”ํ˜ธํ™”๋˜์ง€ ์•Š์Œ

์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ

Removed unused codes and images,
Reduced app size

์•ฑ ์ง€์›

์ „ํ™”๋ฒˆํ˜ธ
+918799709773
๊ฐœ๋ฐœ์ž ์†Œ๊ฐœ
kuldeep Kaushik
support@ideeprogrammer.com
H.NO. 3 TIRGADI JASPUR, U.S. NAGAR Udham Singh Nagar, Uttarakhand 244712 India
undefined

Idee Programmer์˜ ์•ฑ ๋”๋ณด๊ธฐ