ECMAScript6) Hi, Javascript!!

우리 온애드 팀원은 Node.js 로 서버를 탈바꿈함과 동시에 React를 이용한 front-end 를 구축하기 위해 본격적인 스터디를 시작하기로 하였다.

먼저, 기본기를 두텁게 다지기 위해, ECMAScript6 를 기준으로 스터디 하기로 결정하였다.

앞으로의 지속적인 학습 및 개발상황에 대한 포스팅이 이루어질 것이다. 자바스크립트에 대한 학습 일지 및 정리 자료는 제목에 [ECMAScript] 라는 태그가 달려있을 것이다.

대부분의 내용은 모던 자바스크립트 입문(이소 히로시 지음, 서재원 옮김, 길벗 출판사) 를 참조하거나

• https://poiemaweb.com/js-execution-context

• https://about.gitlab.com/handbook/product/technical-writing/markdown-guide/ 를 참조하였다.

오늘은 자바스크립트의 가장 기초적인 개요를 한번 소개한다.

“한번 해 봅시데이~!”

Javascript 란?

1. Javascript는 인터프리터 언어 이다.
   • 소스코드를 기계어로 번역하는 Compiler를 거치지 않고, 코드를 바로 실행(interpreter).
2. Javascript는 동적 프로토타입 기반 객체지향 언어이다.
   • Javascript의 객체는 prototype을 상속받는 객체지향언어이다.
   • 객체 생성 이후에도 프로퍼티(property), 메쏘드(method)를 동적으로 추가하거나 삭제할 수 있다.
3. 동적 타입 을 가진다(Dynamic typing).
   • Python과 비슷함. 변수 선언시 타입 지정하지 않음.
   • 대부분 var 키워드를 통해 변수 생성.
4. 함수 역시 객체 이다.
   • 함수의 인자로 함수를 넘길 수 있음.
5. 함수가 클로져(closure)를 정의한다.

Javascript 의 구성

1. 클라이언트 측 자바스크립트(웹 브라우저 상의 JS)

• ECMAScript (자바스크립트의 코어 언어)
• 웹브라우저 API
  • Window Interface: JS로 브라우저 창을 조작
  • DOM: JS로 HTML문서의 요소를 제어
  • XMLHttpRequest: 서버와 비동기 통신

2. 서버 측 자바스크립트

• Node.js

준비 (설치 및 구동법)

1. 웹 브라우저 / Node.js 설치

1. https://nodejs.org/ko/download 로 이동
2. LTS 버전 다운로드
3. ‘계속’ 클릭
4. 웹브라우저 Chrome 설치

2. Node.js 대화형 프롬프트 열기

• cmd창에서 아래의 코드 입력
• 파이썬 대화형 프롬프트와 같은 기능을 하는 대화형 프롬프트를 경험할 수 있다.

  $ node
  

3. Node.js 로 파일 읽어들여 실행하기

1. cmd 창에서 해당 js 파일이 있는 디렉토리로 이동
2. node factorial.js 실행

  $ cd c:\users\YOUR_USERNAME\YOUR_DIRECTORY\
  $ node yourjsfile.js

4. JS 코드의 특징

• 파이썬과 같이 대문자와 소문자를 구분한다.

  ABC 와 abc 는 다르다.

• 주석 : // ...
• 여러줄 주석 : /* ... */
• 문장의 끝에는 세미콜론 ;