[모던자바스크립트]01 자바스크립트 시작하기

★ 자바스크립트와 자바는 다르다

 

자바스크립트

• 인터넷 초창기 웹 브라우저 시장을 석권하고 있던 넷스케이프에서 웹문서를 좀 더 동적으로 표시하기 위해 라이브스크립트를 개발 → 새로운 기술을 통해 HTML로는 할 수 없는 기능을 추가
• 1995년, 썬 마이크로즈시스템즈가 라이브스크립트 개발권을 넘겨받음(→ 자바 프로그래밍 언어를 만든 회사)
  그 이름을 따서 '라이브스크립트' 대신 '자바스크립트'라는 이름을 붙이게 됨
  
  
• 1997년 6월, 자바스크립트는 스크립트 표준으로 채택되었고 이때 공식적인 이름이 '에크마스크립트'로 정해짐
• 에크마스크립트는 업데이트 될 때마다 이름의 뒤에 년도를 붙임(ex. 에크마스크립트 2015(ES6라고도 불림))
• 에크마스크립트는 자바스크립트를 기반으로 표준화된 스크립트 언어임
• 자바스크립트는 에크마스크립트의 표준 사양을 따르는 가장 유명한 언어지만, 이 외에도 여러 스크립트 언어가 있음
• 현재 모던 웹 브라우저들은 대부분 에크마스크립트 2015(ES6)를 지원하고 있음

 

클라이언트와 서버

• 사용자의 눈에 보이는 부분 → 클라이언트 / 눈에 보이지 않는 부분 → 서버
• 인터넷에 직접 연결된 컴퓨터 → 서버 컴퓨터 / 사용자가 인터넷 정보를 볼 때 사용하는 PC나 노트북, 태블릿, 스마트폰 → 클라이언트 컴퓨터

 

프론트엔드 개발과 자바스크립트

• 클라이언트 쪽 개발 → 프론트엔트 개발
• 프론트엔드: 앞에 있어서 사용자에게 보이는 부분
• 자바스크립트를 사용하면서 프론트엔트 개발을 좀 더 쉽게 도와주는 프레임워크와 라이브러리가 많이 등장하고 있음

종류	기능	관련 URL
React	페이스북에서 만든 라이브러리. 사용자 인터페이스를 만들 수 있음	reactjs.org
Vue.js	사용자 인터페이스를 만들어 주는 프레임워크. 웹 애플리케이션을 만들 수 있음	vuejs.org
Angular	구글에서 개발한 프레임워크. 수많은 기능을 지원하므로 큰 규모의 웹 사이트를 개발하는데 적함	angular.io

 

백엔드 개발과 자바스크립트

• 서버 쪽 개발 → 백엔드 개발
• 백엔드: 뒤에 있어서 사용자에게 보이지 않는 부분
• 클라이언트 쪽에서 어떤 요청을 하면 서버에서는 요청을 처리하기 위한 프로그램을 실행 → 이때 서버에서 실행할 프로그램을 만드는 것이 백엔드 개발
• 자바를 비롯하여 C#, PHP 등 언어 사용. 요즘은 자바스크립트를 비롯해 파이썬, Go 등의 언어도 많이 사용함 → 프로젝트에 따라 사용하는 언어 달라짐
• 데이터베이스에서 데이터를 조회하고 수정하는 간단한 작업이나, 서버에서 처리한 결과를 클라이언트로 보내는 프로그램이라면 자바스크립트가 유리할 수 있음
• 자바스크립트를 사용한 백엔드 개발에는 'Node.js'라는 프레임워크 사용 → Node.js를 사용하면 서버에서 파일을 읽고 쓰는 것뿐만 아니라 데이터베이스 작업도 할 수 있음, 동시에 여러 사용자 요청을 처리할 수 있는 네트워크 애플리케이션을 만들 수도 있음.

 

 

 

교재: Do it! 모던 자바스크립트 프로그래밍의 정석