자바스크립트 overview

software language는 어플리케이션을 만들기 위한 도구이다->굴극적 목표는 웹 어플리게이현을 만드는 것

프론트엔드 웹 어플리케이션 개뱔을 위한 자바스크립트를 이해하자

 

기초문법과 객체지향 webAPI를 배우는 것이 목적이다

 

html/css(정적컨텐츠 생성) vs JS(동적 컨텐츠 생성)

html/css는 문서작성 규칙을 학습하는 것으로 웹화면의 레이아웃을 위한 문서를 구성하고 꾸미기 위한 기술,

JS는 소프트웨어 언어를 학습하는 것이다

 

 

-동적 컨텐츠를 만들 수 있어야 소프트웨어 언어라 할 수 있다

-변수가 있어야 하며 변수의 값을 변경하면서 동적인 컨텐츠가 나오게 해야 한다\->따라서 동적인 컨텐츠를 만들수 있는 자바스크립트는 소프트웨어 언어이며 html.css는 소프트웨어 언어가 아니다

 

소프트웨어 언어는 의사소통을 목적으로 한다

-웹 어플리케이션개발을 목표로 할 때, 브라우저에서 이해할 수 있는 언어를 이용해 개발해야 한다.

이때 어플리케이션을 개발하기 위한 언어가 자바스크립트이다.

 

-어플리케이션을 실행시켜주는 플랫폼이 이해가능한 문법에 맞게 작성되어야 한다

 

소프트웨어 언어는 어플리케이션을 만들기 위한 도구이다.

-자바스크립트뿐만 아니라 자바, c, c++, 파이썬, 코틀린, 스위프트, 다트, 스칼라 등 다양한 소프트웨어언어가 있다. 

-어떤 어플리케이션을 개발하는지에 따라 사용하는 소프트웨어 언어가 다르며 개발자마다 주력 소프트웨어 언어가 다르다

- 소프트웨어 언어 자체가 목적이 아니라 어플리케이션을 개발하는 것이 목표이다. ->언어는 도구일 뿐

 

프론트 웹 어플리케이션 vs 백엔드 웹 어플리케이션

 

클라이언트-서버 어플리케이션

: 업무처리를 위해 사용자 어플리케이션과 서버 어플리케이션이 네트워킹하는 어플리케이션

->사용자끼리 데이터 공유/ 서버데이터베이스 데이터를 사용자가 이용해야 하는 경우 클라이언트-서버구조로 어플리케이션이 개발되어야 한다

 

프론트 웹 어플리케이션(html,css,js)과 백엔드 웹 어플리케이션(java, c, php, js, 파이썬)은 실행되는 곳도 다르고 목적도 다름으로 각각 개발하는 기술이 다르다

 

프런트 웹 어플리케이션 개발기술-자바스크립트 프레임워크

angular

-자바스크립트 프레임워크의 기본사상인 spa개념을 만든 프레임 워크

 

react.js

프런트 애플리케이션 개발에 적용되는 많은 개념 및 구조를 만들어낸 프레임워크->선언형 UI프로그래밍, 가상 DOM, 상태관리 등 의 개념의 시초

=>가장 인기가 많은 프레임워크

 

vue.js

- angular, react.js와 거의 유사한 개념 및 구조를 지원하는 프레임

 

리엑트를 익히면 다른 프레임 워크와 유사점이 높기에 다른 프레임워크를 익히기 쉬워진다

 

 

백엔드 웹 어플리케이션 개발기술

자바기반의 백엔드 웹어플리케이션 개발의 경우 대부분 자바와 spring을 이용한다

자바 스크립트 기반의 백엔드 웹어플리케이션 개발의 경우 대부분 자바스크립트와 node을 이용한다

 

 

웹기본지식-HTTP프로토콜

 

HTTP 리퀘스트

=프런트 어플리케이션이 백엔드에 전달하는 데이터에 대한 규약

get: 서버의 데이터를 얻기위해 요청  (획득)
post: 서버에 데이터를 전달해 저장하기 위해  요청  (저장)
put: 서버에 데이터를 전달해 수정하기 위해  요청 (수정)
delete: 서버의 데이터를 삭제하기 위해  요청 (삭제)
head: 서버의 각종 정보를 확인하기 위해  요청 (확인)
patch: 서버의 데이터를 수정하기 위해  요청 (수정)

 

HTTP 리스폰스

:백엔드에서 프런트에 전달되는 데이터를 http 리스폰스라 하여 헤더와 바디로 구성됨

-header는 부가정보이며 body가 실제 백엔드에서 프론트로 전달되는 데이터

-상태코드는 숫자로 표현되며 프론트의 요청을 어떻게 처리한 것인지에 대한 상태를 표현

-

 

자바스크립트 역사

-node.js덕분에 자바스크립트는 브라우저만을 위한 소프트웨어가 아니라 브라우저외에서 실행되는 어플리케이션을 개발하기 위한 언어로 사용가능해졌다.

->이로인해 백엔드 웹 어플리케이션이 자바스크립트로 개발되기 시작했다.