[JS] ν”„λ‘ νŠΈμ—”λ“œ 개발

2021. 10. 25. 14:27ㆍHTML + CSS + JS/JS μžλ°”μŠ€ν¬λ¦½νŠΈ

728x90

1. ν”„λ‘ νŠΈμ—”λ“œ 개발 Front-End 

HTML, CSS, μžλ°”μŠ€ν¬λ¦½νŠΈ, 제이쿼리 등을 μ΄μš©ν•΄ μ‚¬μš©μžμ˜ λˆˆμ— λ³΄μ΄λŠ” λΆ€λΆ„κΉŒμ§€ κ°œλ°œν•˜λŠ” 것을 ν”„λ‘ νŠΈμ—”λ“œ 개발이라고 ν•œλ‹€. 

κ·Έλ ‡λ‹€λ©΄ λ°±μ—”λ“œ κ°œλ°œμ€ ASP, PHP, JSP λ“± μ„œλ²„ μ–Έμ–΄λ₯Ό μ‚¬μš©ν•˜μ—¬ 주둜 ν™”λ©΄μ—μ„œ 보이지 μ•ŠλŠ” 뢀뢄을 κ°œλ°œν•œλ‹€. 

즉, λ°±μ—”λ“œ κ°œλ°œμ€ μ‚¬μš©μžκ°€ μž…λ ₯ν•œ 데이터λ₯Ό λ°μ΄ν„°λ² μ΄μŠ€μ— μ €μž₯ν•˜κ±°λ‚˜ κ²€μ‚¬ν•˜λŠ” λ“± λˆˆμ— 보이지 μ•ŠλŠ” μ˜μ—­μ„ κ°œλ°œν•˜λŠ” 것을 λ°±μ—”λ“œ 개발이라고 ν•œλ‹€. 

https://hyejin.tistory.com/79?category=1016456 

 

1-2. λ°±μ—”λ“œμ™€ ν”„λ‘ νŠΈμ—”λ“œλž€?

μ˜ˆμ „μ—λŠ” λ°±μ—”λ“œμ™€ ν”„λ‘ νŠΈμ—”λ“œμ— λŒ€ν•œ 단어 κ°œλ…μ„ λŒ€μΆ© 백은 λ’€μ—μ„œ 처리 ν”„λ‘ νŠΈλŠ” μ•žμ—μ„œ λ³΄μ—¬μ§€λŠ” 것. 이라고 μƒκ°λ§Œ ν•˜κ³  λ„˜κ²ΌλŠ”λ° κΈ°μ΄ˆλΆ€ν„° κ·Έλƒ₯ λΉ λ₯΄κ²Œ μ•Œκ³  λ„˜μ–΄κ°€μžλΌλŠ” 생각에 μ΄λ²ˆμ—

hyejin.tistory.com

 

2. μžλ°”μŠ€ν¬λ¦½νŠΈ JavaScript 

μžλ°”μŠ€ν¬λ¦½νŠΈ jsλŠ” ν”„λ‘ νŠΈ μ—”λ“œ 개발 μ–Έμ–΄λ‘œ, 정적인 μ›Ή λ¬Έμ„œμ— λ™μž‘μ„ λΆ€μ—¬ν•΄μ€€λ‹€. 

μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” ES1λΆ€ν„° κΈ°λŠ₯이 μΆ”κ°€λ˜μ–΄ ν˜„μž¬λŠ” ES6κΉŒμ§€ μΆ”κ°€λ˜μ–΄ 널리 μ‚¬μš©λ˜κ³  μžˆλ‹€. 

 

3. μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œ ν•  수 μžˆλŠ” 것 

μš°μ„  HTML5μ—λŠ” Geolocation, Canvas, Drag & Drop λ“± ν’λΆ€ν•œ APIκ°€ λ‚΄μž₯λ˜μ–΄ μžˆλ‹€κ³  ν•œλ‹€.

이 API 듀이 μžλ°”μŠ€ν¬λ¦½νŠΈ μ–Έμ–΄λ₯Ό 기반으둜 μ œμž‘λ˜μ—ˆκΈ° λ•Œλ¬Έμ— μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό λ°˜λ“œμ‹œ μ•Œμ•„μ•Όν•œλ‹€. 

 

*API : Application Programming Interface 의 μ•½μžλ‘œ htmlμ—μ„œ μ œκ³΅ν•˜λŠ” κΈ°λŠ₯의 λͺ¨μž„ 

 

4. μžλ°”μŠ€ν¬λ¦½νŠΈ 라이브러리 μ’…λ₯˜ 

μ΅œκ·Όμ—λŠ” 제이쿼리(Jquery), μ•΅κ·€λŸ¬(Angurla) js, λ¦¬μ•‘νŠΈ(React) JS, 폰갭 (PhoneGap) λ“± μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œ μ œμž‘λœ λ‹€μ–‘ν•œ λΌμ΄λΈŒλŸ¬λ¦¬λ“€μ΄ λ“±μž₯ν–ˆλ‹€.

 

그리고 ν˜„μž¬λŠ” λ…Έλ“œ(Node) jsλ₯Ό μ‚¬μš©ν•  경우 λ°±μ—”λ“œ ν”„λ‘œκ·Έλž¨ 언어와 같이 μ„œλ²„μ—μ„œλ„ μž‘λ™ν•œλ‹€. 

https://hyejin.tistory.com/80?category=1016456 

 

1-3. HTML + CSS + JS κ°œλ… , JS ν”„λ ˆμž„μ›Œν¬μ™€ 라이브러리 μ†Œκ°œ

정말 기초이긴 ν•˜μ§€λ§Œ κ·Έλƒ₯ κ°œλ…μ„ μ •λ¦¬ν•˜μžλŠ” μ˜λ―Έμ—μ„œ~,, 1. HTML Hyper Text Markup Language 둜 μ›Ή λΈŒλΌμš°μ € 창에 μ›Ή λ¬Έμ„œμ˜ λ‚΄μš©μ„ λ³΄μ—¬μ£ΌλŠ”λ° ν•„μš”ν•œ 약속이라고 ν•  수 μžˆλ‹€. HTML은 μ›Ή λΈŒλΌμš°μ €μ—μ„œ

hyejin.tistory.com

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

728x90