00. [FE] 웹기술

 

웹을 공부하려면 필수적으로 알아야 하는 개념을 정리했다. 

---

UI/UX

UI : User Interface     유저가 사용할 인터페이스 (시각화)

UX : User Experience 사용자 경험에 의한 디자인, 설계

---

주요 기술 스택

	FrontEnd	BackEnd
기반언어	JavaScript	JavaScript	Java	Python
주요기술	React.js	Node.js	Spring/SpringBoot	Django
	Vue.js			Flask

* HTML / CSS /JavaScript 는 필수적으로 공부할 것! 

 

JavaScript

• 다양한 웹브라우저에 JavaScript 인터프리터가 내장되어있다. 
• AJAX 통신법의 기반
• jQuery : 자바 라이브러리 
• Node.js 의 기반

 

---

AJAX

 : Asynchronous JavaScript and XML

• JavaScript 와 XML 을 이용해 비동기 통신을 구현하는 기법
• 클릭 발생시, 매번 새로고침이 일어나지 않고 일부 영역만 바뀌게 하는 기술
• 서버에 있는 새로운 정보를 받아오기 위해, 웹 페이지 전체를 다시 렌더링 할 필요없이, 일부만 서버에게 요청받아 변경
• 서버의 부담 줄임
• 현재는 XML대신 JSON 사용 

jQuery

: JavaScript의 라이브러리

• 다양한 플러그인 기능
• 웹페이지에 효과를 쉽게 구현가능
• ex) 애니메이션, 이벤트제어, Ajax ...

Node.js

 : JavaScript 런타임

  SSR(Server Side Rendering)

• 기존의 CSR(Client Side Rendering)에서 SSR(Server Side Rendering)방식이 제시됨.
• 구글이 JavaScript의 인터프리터를 오픈소스로 공개하며(V8), 이를 사용해 Node.js 가 탄생.

 

---

ECMAScript

 : ECMA국제기구에서 만든 Script 언어 기준(표준). (= ES)

• JavaScript 언어는 ES 표준을 따른다.
• 매우 혁신적인 ES6 의 등장으로, JavaScript 문법과 권장사항에 많은 변화가 생겨, 이 이후를 '모던 JavaScript' 라고 표현
• 2020년 7월 기준 ES11이 최신