JS 자바스크립트 (1)

Java script 자바 스크립트 사용의 배경

 

 때는 1990년대, 넷스케이프와 마이크로소프트 사의 브라우저 주도권 전쟁이 벌어지고 있었다. 넷스케이프에서는 당시 사용되던 종래의 어려운 언어 대신 새로운 언어를 브라우저 개발용으로 개발하기로 한다. 바로 모카라고 불리는 언어였는데 후에 이 언어는 자바스크립트가 된다 .

 1995년, 넷스케이프의 직원인 브렌던 아이치는 회사가 준 10일의 시간 동안 새로운 언어 개발에 착수했다. 그 결과 아이히는 나중에 자바스크립트로 이름이 바뀐 모카를 만들었다. 결론적으로, 자바스크립트는 결코 웹의 표준 언어가 되기 위해 만들어진 것이 아니었다! 하지만 넷스케이프가 브라우저 전쟁에서 승리하면서 자바스크립트의 인기가 높아졌고 점점 더 많은 사이트들이 자바스크립트를 사용하기 시작했다. 그 이후로는 대부분의 개발자들이 웹사이트를 만들기 위해 자바스크립트를 사용했다.

 

자바 스크립트 인기의 이유

 

 한 개발자가 10일만에 만든 자바스크립트. 이 언어가 특별하게 사랑받는 이유는 무엇일까? 여러가지가 있겠지만 그 중 10가지를 추려본다. 

1. 자바스크립트는 웹 개발의 프론트엔드와 백엔드 모두에서 사용될 수 있다.
2. 자바스크립트는 표준화되어 있어서 새로운 버전으로 자주 업데이트된다.
3. 자바스크립트는 HTML 및 CSS와 쉽게 통합된다.
4. 자바스크립트는 웹사이트들이 스크롤 전환이나 객체 이동과 같은 상호작용을 할 수 있게 해준다. 현대의 브라우저들은 여전히 최상의 사용자 경험을 위해 자바스크립트를 가장 빠르게 처리하기 위해 경쟁한다. 2017년에 가장 많이 사용된 인터넷 브라우저인 크롬은 자바스크립트를 빠르게 처리할 수 있는 능력 때문에 매우 성공할 수 있었다.
5. 자바스크립트는 개발자들이 낮은 오버헤드로 복잡한 응용 프로그램을 만들 수 있도록 도와주는 광범위한 프레임워크와 라이브러리를 제공한다. 프로그래머는 자신의 코드에 있는 라이브러리와 프레임워크를 가져와 응용 프로그램의 기능을 강화할 수 있다.

 

자바스크립트 ES6 란 무엇일까?

 

 Ecma International 이라고 하는 스크립트 언어의 표준을 정하는 단체가 있는데, 이 곳에서 ECMA 262라고하는 스크립트 언어의 첫 번째 표준이 만들어졌다. 이런 역사 속에서 점차적으로 표준이 변경되어 왔고 수정판 중 가장 획기적이고 역사적인 버전이 ES6(ES2015)이기 때문에 ES6가 중요하고 많이 언급되는 것이다 .

 

 아래와 같은 변화가 ES6에서 이루어 졌다. 이러한 이유로 ES6 부터 진정한 '모던 자바스크립트'라고 부르는 경우도 있다. 

• 변수를 선언하기 위해 let 및 const와 같은 새로운 키워드,
  화살표 함수를 사용하는 새 함수 구문,
  클래스 만들기,
  매개변수(기본값 포함),
  비동기적 행동에 대한 약속 등등

 

 중요한 변경이 여러가지가 있었지만 대표적으로는 변수 생성에 관해서, const 와 let이 추가된 부분 등이 있다.  아래 그림은 처음부터 2018년 까지의 ES 기준의 변경을 요약한 연대기이다. 

 

 

 

 

 최신 브라우저는 이제 개발자가 이러한 새로운 추가 기능을 활용할 수 있는 대부분의 ES6 기능을 지원합니다. ES6는 궁극적으로 프로그래머들이 시간을 절약하고 더 간결한 코드를 작성할 수 있게 해준다. 모든 ES6 기능과 마찬가지로 고려해야 할 다른 기본적인 이점과 이점이 있습니다. 그럼에도 불구하고, 개발 커뮤니티에서 ES6의 강력한 채택이 있었다. ES6의 큰 이점 중 하나는 인기 있는 프로그래밍 패러다임인 객체 지향 프로그래밍(OOP)을 쉽게 활용할 수 있다는 것이다. OOP에 익숙한 다른 언어의 개발자들은 이제 자바스크립트를 학습하고 사용하는 것으로 전환할 수 있다. ES6의 인기의 또 다른 이유는 React와 같은 인기 있는 프레임워크에서 ES6의 사용과 관련이 있다. 따라서 최신 도구와 프레임워크를 배우고 싶다면 도중에 ES6를 선택해야 합니다.

 

Javascript 소개 및 기초 

 

console.log

 -console에 log하라는 뜻으로 , 우리가 아는 print 의 기능을 함 

주석

 - //로 한 줄 주석 , /**/로 다중 줄 주석

 

data types

•  number
•  string
•  boolean
•  null
•  undefined
•  symbol
•  object

연산자

String 연속 (스트링 + 스트링 하면 됨)

Properties

Method

  점 + 메소드 이름+ 괄호 

  E.g. 'example string'.methodName().

 빌트인 스트링 메소드

 

Built in objects

 빌트인 오브젝트 도큐

 

console.log(Math.random()); // Prints a random number between 0 and 1

 

 * property 와 method의 개념 및 차이 

 일단 깊이 있는 개념은 모르겠고, 간단하게 ()가 붙으면 메소드 아니면 프로퍼티로 인식. 

 

 

변수

  let const 로 선언 / ES6이전에는 var로 선언함 

  let은 바뀔 수 있는 변수, const는 바뀔 수 없는 변수 선언할 때 

  정확히는 reassign이 안된다는 것(const)

  아래의 경우 changeMe의 불린 값이 바뀐 예이지만, 두번 째 줄에 let을 추가하면 syntax 에러가 발생함

 

let changeMe = true;
changeMe = false;
console.log(changeMe);

 

 

 

 

 

참고

https://www.codecademy.com/resources/docs/javascript