[모던 JavaScript] 코어 자바스크립트 - 소개 - 1. 자바스크립트란? (모던 자바스크립트 읽고 정리해보쟈 >___<)

출처 https://ko.javascript.info/intro

자바스크립트란?

 

이 책을 읽으...려고 했으나 뭔가 아직 사기에는 쫌... 음... 어.... 다 읽을 수 있을까 자신이 없었다.

요새는 인프런에 https://www.inflearn.com/course/%EB%AA%A8%EB%8D%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%94%A5%EB%8B%A4%EC%9D%B4%EB%B8%8C#reviews

[무료] 모던 자바스크립트 딥다이브 스터디 - 인프런 | 강의

이런 강의도 나온다.

그래서 저걸로 한 번 들어보면서 읽을까 싶다. 하지만 책을 꾸준히 읽을진 모르겠고 서점도 가기 귀....아니 큼큼

어쨌든 그래서

요렇게 뭔가 자바스크립트에 대해 잘 정리해놓은 페이지가 있길래 이거부터 읽어보기로..!

사실은 map과 set의 차이를 제대로 알고 싶어서 검색하다 찾은 곳이었는데 

이런 식으로 예시 코드도 있고 왼쪽에 보면 요약도 있고 심.지.어! 과제가 있다!!!

사실 이걸 보고 와 이거 도음 좀 되겠는데?? 재밌겠다 싶어서 읽어보려고 맘을 먹었다.

그래서 좀 기대된다...!!!! 앞으로 딱 시간을 정해서 그 시간 동안에는 온전히 이 페이지들을 정독할 예정이다.

서론이 너무 길었군..

이제 정리 시작

---

자바스크립트란? 

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

- js로 작성한 프로그램을 스크립트(script)라고 한다. (스크립트 언어)

- html 안에 작성할 수 있고, 웹페이지를 불러올 때 스크립트가 자동 실행 된다.

- 특별한 준비나 컴파일 없이 작성﹒실행 가능

자바의 유명세에 묻어가려고 자바스크립트로 했다는 유명한 이야기ㅋㅋ

 

브라우저 외에 서버에서도 실행 가능하다. 자바스크립트 엔진이 있는 모든 디바이스에서 동작

브라우저엔 자바스크립트 가상 머신 이 내장되어 있다.

- V8 => chrome과 opera

- SpiderMonkey => firefox

IE는 버전에 따라 'Trident'나 'Chakra' 사용/ 'ChakraCore'는 microsoft Edge에 사용/ 'SquirrelFish'는 safari에 사용

 

나중에 엔진 동작에 대해서 공부해보는 것도 재밌겠당

 

브라우저에서 할 수 있는 일

- 모던 자바스크립트는 안전한 언어다. 메모리나 cpu 같은 저수준 영역의 조작을 허용하지 않는다. (이런 접근이 필요하지 않은 브라우저 대상으로 만들었기 때문에)

- js는 실행 환경에 상당한 영향을 받는다. node.js에선 파일을 읽거나 쓰고, 네트워크 요청하는 함수를 지원한다.

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

 

구체적으로

 

브라우저에서 할 수 없는 일

- 보안을 위해 js 기능에 제약을 걸어놓았다. 악성 페이지의 개인 정보 접근이나 사용자 데이터 손상 방지를 위해!

제약사항 요약

- 디스크 파일에 대한 제한

   - 모던 브라우저 사용으로 파일을 다룰 수 있지만 접근은 제한.

   - 카메라나 마이크 사용 등은 사용자의 허가 필요.

- 다른 도메인, 프로토콜, 포트에서는 페이지에 접근할 수 없고, 정보를 주고 받을 때도 승인 필요

   - crossOrigin!

 

* 브라우저 환경 외에 서버면 제약 없음? 하지만 모던 브라우저에선 추가 권한 허가 요청 플러그인이나 익스텐션 설치가 허용

 

자바스크립트만의 강점 3가지

- html/css와 완전히 통합

- 간단한 일은 간단하게 처리

- 모든 주요 브라우저에서 지원/기본 언어로 사용

 

이 모두를 지원하는 브라우저 기술은 javascript 뿐이다~_~

브라우저 말고 서버나 앱을 만드는 것도 가능

 

자바스크립트 너머의 언어들

자바스크립트로 트랜스파일이 가능한 언어 몇 가지

- CoffeeScript : syntactic sugar/ 짧은 문법, ruby 개발자들이 좋아함?

CoffeeScript

- TypeScript : 자료형 명시화에 집중(strict data typing)/ 마이크로소프트가 개발

JavaScript With Syntax For Types.

- Flow : 자료형 강제 / ts와 다른 방식 / 페이스북이 개발

Flow: A Static Type Checker for JavaScript

- Dart : 앱 같이 브라우저 외에 환경에서 동작하는 고유엔진을 가진 독자전 언어 / 구글이 개발

Dart programming language

타입스크립트 말고는 써본 적이 없다....... flow는 단톡방에서도 많이 보이던뎀... 세개 다 시간날 때 건드려 보는 걸루~_~

 

요약

- js는 브라우저에만 쓸거였지만 지금은 다양하게 쓰인다.

- 가장 많이 쓰이는 언어가 됐다. html/css와 완전한 통합이 가능하다.

- js로 트랜스파일 할 수 있는 언어는 많고, 각각 고유한 기능을 가진다. js 숙달 후 살피는 것 추천!

 

 

---

ㅋㅋㅋㅋ....

소개 부분 4개 항목 읽는 거는 금방이었는데

고작 1개 항목 정리하는데도 시간이 이케 오래 걸리네......................

블로그 꾸준히 하시는 분들 정말.. 대단쓰..........