자바스크립트 기초 (1)

Coosla·2020년 12월 22일
0
post-thumbnail

1. 프론트 엔드(Front End)와 백 엔드(Back End)

프론트 엔드

사용자의 눈에 보이는 부분까지 개발하는 것

백 엔드

사용자가 입력한 데이터를 데이터베이스에 저장하거나 검사하는 등 눈에 보이지 않는 영역을 개발하는 것

2. 자바스크립트 탄생 배경

1995년 최고의 인터넷 브라우저 점유율을 가지고 있던 넷스케이프에 근무하던 브렌드 아이크가 모카(Mocha)라는 이름으로 개발한 후 라이브스크립트(LiveScript)라는 이름으로 변경 되었다가 넷스케이프가 썬마이크로 시스템즈와 제휴하며 자바스크립트(JavaScript)로 변경됨.

모카(Mocha) > 라이브스크립트(LiveScript) > 자바스크립트(JavaScript)

3. 자바스크립트의 표준화

자바스크립트가 개발된 뒤 많은 회사에서 스크립트 언어를 개발하기 시작하며 표준화할 필요가 생겼다. 그래서 넷스케이프는 국제 정보통신표준화기구(ECMA)에 표준화를 요청하여 1997년 7월에 ECMA 1버전이 완성, 이후 ES1부터 기능이 점차 추가되어 현재 ES6를 많이 사용중이다.

4. 자바스크립트로 할 수 있는 것

HTML과 CSS만 사용하여 제작된 웹사이트를 정적인 웹사이트라고 할 때 이 웹사이트는 디자인만 되어있을뿐 웹사이트에서 이용할수 있는 기능이 아무것도 없다. 하지만 자바스크립트를 추가하면 웹사이트 내부의 기능을 부여하고 자바스크립트 언어 기반으로 제작된 API를 이용하여 풍부한 기능을 가진 동적인 웹사이트를 제작할수있다.

API란?
Application Programming Interface의 약자로, 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스라고 한다. 쉽게 말해서 프로그램에서 제공되는 기능의 모음이라 할수있다.

5. 구글 브라우저 개발자 도구 패널요소

Elements : HTML, 요소에 적용된 스타일(CSS)을 검사할 수 있다.
Console : 자바스크립트 오류 체크(디버깅 가능)
Source : 브라우저가 자바스크립트 소스를 파싱해오는 과정을 보여줌.

이상으로 정리를 마칩니다.
틀린부분 있으면 댓글에 적어주세요!

profile
프로그래밍 언어 공부 정리

0개의 댓글