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.