[Do it! - 자바스크립트 기본] 01. 안녕? 자바 스크립트!

01-1 웹 프로그래밍이란?
 
웹을 다루려면 웹 브라우저가 사용하는 언어인 '자바스크립트'가 필요하다.
 
프로그래밍이란 무엇일까?
* 프로그래밍: 프로그램 만드는 과정. 사람이 원하는 대로 컴퓨터가 작동할 수 있도록 컴퓨터 언어로 명령어를 나열하는 행위
* 코딩과 프로그래밍 차이: 코딩이란 '소스 코드를 작성하는 행위'. 프로그래밍은 어떤 문제를 분석하고, 논리적으로 해결할 수 있는 방법을 찾아 코딩하는 과정까지 포함하는 더 넓은 개념
 
웹 프로그래밍은 무엇일까?
* 웹 프로그래밍: 웹에 관련된 프로그램을 만드는 행위. 웹브라우저와 관련된 프로그램을 작성하는 것.
* 서버: 사용자의 검색 요청을 처리해 알맞은 정보를 전달해주는 컴퓨터
* 클라이언트: 웹 브라우저, PC, 노트북 모바일 기기 등. 웹 브라우저를 통해 필요한 정보 요청
* 웹 프로그래밍은 서버에서 사용자의 요청을 처리하거나 데이터를 관리하는 '백엔드 개발'과 서버에서 받아 온 정보를 웹 브라우저에 어떻게 보여 줄 것인지를 프로그래밍하는 '프론트엔드 개발'로 나뉜다.
* 최근에는 프론트, 백을 모두 다룰 수 있는 풀스택 개발자(Fullstack Developer)도 있다.
 
 
01-2 자바스크립트로 무엇을 할 수 있을까?
 
웹 사이트를 동적으로 만들 수 있다
- HTML은 건물의 기본 골격, CSS는 건물의 외부·내부 인테리어. 웹 사이트에 움직임을 주기 위해 사용하는 언어는 자바스크립트(예: 메뉴에 마우스 포인터 올렸을 때 하위 메뉴가 펼쳐지는 것)
 
웹 브라우저에서 실행되는 프로그램을 만들 수 있다
- 예: 버스 정보 검색 프로그램(버스 노선, 정류장 정보 저장, 지도에 표시하기 기능 모두 자바스크립트로 만들 수 있음)
 
서버를 구성하고 서버용 프로그램을 만들 수 있다
- Node.js 자바스크립트 프레임워크를 사용하면 서버 프로그램을 개발할 수 있음
 
 
01-3 자바스크립트의 특징은 무엇일까?
 
모든 웹 브라우저에서 작동한다
- 자바스크립트는 대부분의 웹 브라우저에서 작동하나 최신 문법을 즉시 사용할 수 있는 것은 아니다.
- 자바스크립트는 에크마스크립트(ECMAScript)라는 이름으로 바뀌고 1년에 한 번씩 기능이 업그레이드 되고 있다.
- 현재 ES10까지 나옴
- 현업에서는 ES5까지의 문법을 주로 사용한다.
https://wormwlrm.github.io/2018/10/03/What-is-the-difference-between-javascript-and-ecmascript.html

JavaScript와 ECMAScript는 무슨 차이점이 있을까? - 재그지그의 개발 블로그

 
웹 브라우저에서 실행 결과를 즉시 확인할 수 있다
- 자바스크립트로 작성한 코드를 실행하기 위해 별도의 프로그램 설치 필요 없음
 
풀스택 웹 개발뿐 아니라 다양한 용도의 프로그램을 만들 수 있다
- 프론트, 백엔드 모두 제어 가능, 자바스크립트만으로 애플리케이션 만들 수 있음
- 아두이노, 드론과 같은 사물 인터넷(IoT: Internet of Things) 환경에서 실행되는 프로그램도 만들 수 있음
https://yozm.wishket.com/magazine/detail/234/

'아두이노(Arduino)'란? 5분만에 쉽게 알아보기 | 요즘IT

 
다양한 자바스크립트 공개 API를 사용할 수 있다
- API는 어떤 정보(데이터)를 다른 사람이 손쉽게 가져갈 수 있도록 미리 준비한 체계
- 예: 기상청에서 만든 API로 날씨 정보 가져오기
- 자바스크립트로 만든 API가 있으면 자바스크립트 개발자는 정보를 가져올 수 있음
 
다양한 라이브러리와 프레임워크를 사용할 수 있다
- 자바스크립트 라이브러리란 자바스크립트로 미리 구현해 놓은 기능을 묶어 놓은 것(예: 제이쿼리(jQuery))
- 자바스크립트 프레임워크란 프레임워크에서 기본으로 제공하는 소스를 수정하거나 추가하는 방법으로 웹 프로그램을 만들 수 있게 미리 준비한 일종의 틀(예: 앵귤러(Angular)와 뷰(Vue))