[멋쟁이 사자처럼 프론트엔드 스쿨] 24일차 TIL - JS 역사, 환경 구성, 자바스크립트

🍰 23일차가 없는 이유 => VOD 강의를 8시간 동안 시청했는데 실습 하면서 듣느라 필기는 따로 안 함.

🍴 자바스크립트의 역사

• Nescape사의 Brendan Eich가 만듦 
• Mocha → LiveScript → JavaScript 순 이름 변경
• 당시 유명했던 Java의 유명세에 편승하고자 JavaScript로 이름 변경

🍴 표준

• ECMA(European Computer Manufacturers)에 등록된 JavaScript의 표준 이름: ECMAScript
• JavaScript - 언어/구현
• ECMAScript - 언어 표준/버전

🍴 ECMAScript 표준 버전

https://ecma-international.org/publications-and-standards/standards/ecma-262/

ECMA-262 - Ecma International

🍴 환경 구성

• Node.js 프로젝트 초기화(npm)
• package.json 메타데이터 작성
• 명령 스크립트 등록
• 종속성 패키지(live-server) 설치
• Node.js 환경에서 Live Server 구동

🍴 린팅, 포멧팅

: ESlint, Prettier 등 문법 검사 및 포멧터 설치

• ESLint 설치 npm i -D eslint
• 환경구성 파일 생성 npm init @eslint/config@latest
• Prettier 설치

🍴 자바스크립트 코어

자바스크립트?

• 웹 페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어
• 웹 페이지 불러올 때 스크립트(js로 작성한 프로그램)가 자동 실행
• 브라우저랑 서버에서 실행 가능
• 자바스크립트 엔진이 들어있는 모든 디바이스에서도 동작

🍴 동일 출처 정책(Same-Origin Policy, SOP)

• 웹 보안의 중요 개념
• 웹 애플리케이션이 다른 출처의 리소스에 접근하는 걸 제한하여 사용자의 데이터 보호
• 브라우저 환경에서 중요 - 악의적인 웹 사이트가 다른 웹 사이트의 정보 무단으로 읽거나 조작 못 하게 함