Java to JavaScript in 13 Steps

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

์•ฑ ์ •๋ณด

Java to JavaScript in 13 Steps๋Š” JavaScript ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์˜ ๊ธฐ๋ณธ ์‚ฌํ•ญ์„ ๋‹จ๊ณ„๋ณ„๋กœ ํ•™์Šตํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„๋œ Android ์•ฑ์ž…๋‹ˆ๋‹ค. ์ดˆ๋ณด์ž์ด๋“  ์ˆ™๋ จ๋œ ํ”„๋กœ๊ทธ๋ž˜๋จธ์ด๋“  ์ด ์•ฑ์€ ์ž์‹ ์˜ ๊ธฐ์ˆ ๊ณผ ์ง€์‹์„ ํ–ฅ์ƒ์‹œํ‚ค๋ ค๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

์ด ์•ฑ์€ ๋”ฐ๋ผํ•˜๊ธฐ ์‰ฌ์šด 13๊ฐ€์ง€ ๋‹จ๊ณ„๋กœ ๋‚˜๋ˆ„์–ด์ ธ ์žˆ์œผ๋ฉฐ ๊ฐ ๋‹จ๊ณ„๋Š” JavaScript์˜ ๋‹ค์–‘ํ•œ ์ฃผ์ œ๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์„ค์ •
1๋‹จ๊ณ„ โ€“ ๋ฐ์ดํ„ฐ ์œ ํ˜• ๋ฐ ๋ณ€์ˆ˜
2๋‹จ๊ณ„ - ์—ฐ์‚ฐ์ž
3๋‹จ๊ณ„ - ์ œ์–ด ํ๋ฆ„ ๋ฌธ(if/else, ์Šค์œ„์น˜/์ผ€์ด์Šค, ๋ฃจํ”„)
4๋‹จ๊ณ„ - ๊ธฐ๋Šฅ ๋ฐ ๋ฒ”์œ„
5๋‹จ๊ณ„ - ๋ฐฐ์—ด ๋ฐ ๊ฐœ์ฒด
6๋‹จ๊ณ„ - ํด๋ž˜์Šค์™€ ์ƒ์†
7๋‹จ๊ณ„ - ์•ฝ์†๊ณผ ๋น„๋™๊ธฐ/๋Œ€๊ธฐ
8๋‹จ๊ณ„ - ์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ ๋ฐ ๋””๋ฒ„๊น…
9๋‹จ๊ณ„ - DOM ์กฐ์ž‘ ๋ฐ ์ด๋ฒคํŠธ
10๋‹จ๊ณ„ - AJAX ๋ฐ API
11๋‹จ๊ณ„ - ์ •๊ทœ์‹
12๋‹จ๊ณ„ - ๋ธŒ๋ผ์šฐ์ € ์ €์žฅ์†Œ(localStorage/sessionStorage)
13๋‹จ๊ณ„ - ES6+ ๊ธฐ๋Šฅ(ํ™”์‚ดํ‘œ ํ•จ์ˆ˜, ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด, ๊ตฌ์กฐ ๋ถ„ํ•ด, ํ™•์‚ฐ ์—ฐ์‚ฐ์ž)
๋‹ค์Œ์œผ๋กœ ํ•จ์ˆ˜์™€ ๋ฒ”์œ„, ๋ฐฐ์—ด๊ณผ ๊ฐ์ฒด, ํด๋ž˜์Šค์™€ ์ƒ์†, Promise์™€ Async/Await, ์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ์™€ ๋””๋ฒ„๊น…, DOM ์กฐ์ž‘๊ณผ ์ด๋ฒคํŠธ, AJAX์™€ API, ์ •๊ทœ์‹, ๋ธŒ๋ผ์šฐ์ € ์ €์žฅ์†Œ(์˜ˆ: localStorage ๋ฐ sessionStorage)์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค. ๋˜ํ•œ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜, ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด, ๊ตฌ์กฐ ๋ถ„ํ•ด ๋ฐ ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž์™€ ๊ฐ™์€ ์ตœ์‹  ES6+ ๊ธฐ๋Šฅ์— ๋Œ€ํ•ด์„œ๋„ ๋ฐฐ์šฐ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

์ด ์•ฑ์—๋Š” JavaScript ๋ฉด์ ‘ ์งˆ๋ฌธ๊ณผ ๋‹ต๋ณ€์— ๋Œ€ํ•œ ์„น์…˜๋„ ํฌํ•จ๋˜์–ด ์žˆ์–ด ์ทจ์—… ๋ฉด์ ‘์„ ์ค€๋น„ํ•˜๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์ด ์•ฑ์€ 13๋‹จ๊ณ„๋ฅผ ๋ชจ๋‘ ์™„๋ฃŒํ•œ ํ›„ ๋ฌด๋ฃŒ ์ธ์ฆ์„ ์ œ๊ณตํ•˜๋ฉฐ, ์ด๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์ด๋ ฅ์„œ๋‚˜ ์†Œ์…œ ๋ฏธ๋””์–ด ํ”„๋กœํ•„์— ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

์ง€๊ธˆ 13๋‹จ๊ณ„๋กœ Java๋ฅผ JavaScript๋กœ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ๋Šฅ์ˆ™ํ•œ JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•œ ์—ฌ์ •์„ ์‹œ์ž‘ํ•˜์„ธ์š”!
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2025. 10. 13.

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

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

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

Bugs fixed,
Subscription model added