웹을 공부하려면 필수적으로 알아야 하는 개념을 정리했다.
HTML / CSS /JavaScript 는 필수적으로 공부할 것을 추천한다.
주요 기술 스택
| FrontEnd | BackEnd | |||
|---|---|---|---|---|
| 기반언어 | JavaScript | JavaScript | Java | Python |
| 주요기술 | React.js | Node.js | Spring/SpringBoot | Django |
| Vue.js | Flask |
UI/UX
UI : User Interface 유저가 사용할 인터페이스 (시각화)
UX : User Experience 사용자 경험에 의한 디자인, 설계
JavaScript
- 객체 기반의 스크립트 프로그래밍 언어
- 다양한 웹브라우저에 JavaScript 인터프리터가 내장되어있다.
- AJAX 통신법의 기반
- jQuery : 자바스크립트의 라이브러리
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이 최신