Javascript 기초 (0) - 자바스크립트란.

🔥들어가면서🔥

자바스크립트 공부를 계속 미루기만 했는데 드디어 시작하기로 했다..^^

📕 자바스크립트

• 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다.

📒 스크립트

: 자바스크립트로 작성한 프로그램을 말한다.
스크립트는 웹페이지의 HTML안에 작성할 수 있고, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다.
특별한 준비나 컴파일 없이 보통의 문자형태로 작성할 수 있으며 실행도 가능하다.

➕ 이름의 유래
이름이 자바스크립트라 자바와 관련이 있을 것 같지만 전혀 관련이 없는 독립적인 언어이다.

📒 자바스크립트가상머신 : 엔진

엔진 종류

• V8 : Chrome과 Opera에서 쓰인다.
• SpiderMonkey : Firefox에서 쓰인다.
• ChakraCore : Microsoft Edge에 사용된다.
• SquirrelFish : Safari에 사용된다.
• IE는 버전에 따라 'Trident’나 'Chakra’라 불리는 엔진을 사용한다.

➕ 엔진동작 과정

1. 엔진이 스크립트를 읽는다. (파싱)
2. 읽어드린 스크립트를 기계어로 전환한다. (컴파일)
3. 기계어로 전환된 코드를 실행한다.

📖 브라우저에서 할 수 있는 일

브라우저 환경에선 웹페이지 조작, 클라이언트와 서버의 상호작용에 관한 모든 일을 할 수 있습니다.

• 페이지에 새로운 HTML을 추가하거나 기존 HTML, 혹은 스타일 수정하기
• 마우스 클릭이나 포인터의 움직임, 키보드 키 눌림 등과 같은 사용자 행동에 반응하기
• 네트워크를 통해 원격 서버에 요청을 보내거나, 파일 다운로드, 업로드하기(AJAX나 COMET과 같은 기술 사용)
• 쿠키를 가져오거나 설정하기. 사용자에게 질문을 건네거나 메시지 보여주기
• 클라이언트 측에 데이터 저장하기(로컬 스토리지)

➕ 자바스크립트는 브라우저를 대상으로 만든언어로 메모리나 CPU 같은 영역의 조작을 할 수 없다.
Node.js 환경에선 임의의 파일을 읽거나 쓰고, 네트워크 요청을 수행하는 함수를 지원합니다.

📖 브라우저에서 할 수 없는 일

브라우저는 보안을 위해 자바스크립트의 기능에 제약을 걸어놓는다.

📖 개발자 콘솔

개발자도구로 브라우저의 에러를 확인 하는 방법은 콘솔창에 들어가는 것
f12키로 열어서 Console패널로 들어갈 수 있다.

📖 참고

➕ 명세서

자바스크립트와 관련된 상세한 정보를 담고 있다.
명세서 알아보기

➕ 매뉴얼

MDN

➕ 호환성 표

http://caniuse.com 에선 브라우저가 특정 기능을 지원하는지 (표 형태로) 확인할 수 있습니다. 암호화 관련 기능인 cryptography를 특정 브라우저에서 사용할 수 있는지 아닌지를 보려면 http://caniuse.com/#feat=cryptography를 확인하면 됩니다.
https://kangax.github.io/compat-table 에선 자바스크립트 기능 목록이 있고, 해당 기능을 특정 엔진이 지원하는지 여부를 거대한 표를 통해 보여줍니다.

➕ 사용 IDE

사용IDE : Visnal Studio Code
꼭 파란색으로 다운로드 받으세요^^

설치 참고
모던 자바스크립트
모질라 자바스크립트