๐Ÿ’ปCoding/๐Ÿ“˜ JavaScript

JavaScript _๊ธฐ์ดˆ : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€?

์Œ์€์‘ 2021. 8. 18. 15:21
728x90
๋ฐ˜์‘ํ˜•

JavaScript _๊ธฐ์ดˆ : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€?

JavaScript๋ž€?

- HTML์€ ์›น์˜ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•˜๊ณ , CSS๋Š” ์›น ํŽ˜์ด์ง€๋ฅผ ๊พธ๋ฉฐ์ฃผ๋Š” ์—ญํ• ์„ ํ•œ๋‹ค๋ฉด

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ๋Š” ์›น์˜ ์š”์†Œ๋ฅผ ๋ฐ”๊พธ๊ฑฐ๋‚˜ ์›€์ง์ด๊ฒŒ ๋งŒ๋“ค์–ด์ค๋‹ˆ๋‹ค.

- ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ธฐ๋ณธ ํƒ€์ž…(data type)์€ ๊ฐ์ฒด(object)์ž…๋‹ˆ๋‹ค.
ใ„ด โ€ป๊ฐ์ฒด๋ž€? ์ด๋ฆ„๊ณผ ๊ฐ’์œผ๋กœ ๊ตฌ์„ฑ๋œ ํ”„๋กœํผํ‹ฐ(์†์„ฑ)์˜ ์ •๋ ฌ๋˜์ง€ ์•Š๋Š” ์ง‘ํ•ฉ์ž…๋‹ˆ๋‹ค!

 

JavaScript๋กœ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€?

1). ์›น ํŽ˜์ด์ง€์˜ ๋™์ž‘์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Œ
→ ํด๋ฆญ์‹œ ๋ณ€ํ™”ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Œ
HTML์˜ ๋‚ด์šฉ, ์†์„ฑ, ์Šคํƒ€์ผ๋“ฑ์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Œ
CSS๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Œ

2). ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ
(ํ•˜์ง€๋งŒ, ๋ชจ๋ฐ”์ผ ํ”Œ๋žซํผ์œผ๋กœ ์‹คํ–‰์‹œ ์ฝ”๋“œ ๋ณ€ํ™˜์ด ํ•„์š”ํ•˜๋‹ค๋Š” ์–ด๋ ค์›€์ด ์žˆ์Œ)

3). ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ
→ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์‹œ ์‚ฌ์šฉํ•˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ : ๋ฆฌ์•กํŠธ React , ์•ต๊ทค๋Ÿฌ Angular, ๋ทฐVue.js
→ ๊ทธ๋ž˜ํ”ฝ ํ™œ์šฉ์„ ์œ„ํ•œ : D3.js
DOM(๋ฌธ์„œ ๊ฐ์ฒด ๋ชจ๋ธ)์„ ์‰ฝ๊ฒŒ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” : ์ œ์ด์ฟผ๋ฆฌjQuery

4).  ์„œ๋ฒ„๋ฅผ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์Œ
→ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“  ํ”„๋ ˆ์ž„์›Œํฌ : Node.js 

 

๐Ÿ˜€ ์‹ค์ œ ํ™ˆํŽ˜์ด์ง€์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋™์ž‘ ๋ณด๊ธฐ! ๐Ÿ˜€

ใ„ด ์•„๋ž˜ ๋™์˜์ƒ์„ ๋ณด๋ฉด ์‚ฌ์ดํŠธ์—์„œ ์šฐ๋ฆฌ๊ฐ€ ๋ฉ”์ธ ๋ฉ”๋‰ด์— ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ฆฌ๋ฉด ์„œ๋ธŒ ๋ฉ”๋‰ด๋“ค์ด ํŽผ์ณ์ง€๋Š”๋ฐ,
์ด๋Ÿด ๋•Œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

 

728x90
๋ฐ˜์‘ํ˜•