코딩일기

JavaScript를 시작하며 본문

Code/기타

JavaScript를 시작하며

daje 2020. 11. 22. 23:55
728x90
반응형

 

1. 정의 및 목적 

  • 우리가 Javascript를 배우는 이유는 Javascript를 통해서 HTML과 CSS를 어떻게 하면 수정할 수 있는지를 배우기 위함이며, 웹에 이벤트와 생동감을 불어넣기 위해 만들어진 프로그래밍 언어 

 

2. 특징 

  • 특별한 준비나 컴파일 없이 실행이 가능

  • 자바스크립트 엔진이 있어 모든 디바이스에서 동작함

  • ( 파싱 -> 컴파일이 되어 있기에 실행 속도가 빠르다)

  • 메모리나 CPU 같은 저수준 영역의 조작을 허용하지 않음

  • HTML/CSS와 완전히 통합할 수 있음(변수 안에 값 넣기 가능, 문자열 조작 가능 등)

  • 모든 주요 브라우저에서 지원하고, 기본 언어로 사용됨

  • APIs(DOM, Geolocation API, Canva, HTMLMediaElements 등)가 많이 만들어져 있고 가져다 쓸 수 있음

 

3. 자바스크립트가 브라우저에서 할 수 있는 일 

  • 페이지에 새로운 HTML을 추가하거나 기존 HTML, 혹은 스타일 수정하기

  • 마우스 클릭이나 포인터의 움직임, 키보드 키 눌림 등과 같은 사용자 행동에 반응하기

  • 네트워크를 통해 원격 서버에 요청을 보내거나, 파일 다운로드, 업로드하기(AJAXCOMET과 같은 기술 사용)

  • 쿠키를 가져오거나 설정하기. 사용자에게 질문을 건네거나 메시지 보여주기

  • 클라이언트 측에 데이터 저장하기(로컬 스토리지

 

4. 사례 및 연관 언어 

  * HTML / CSS

        ↓

  * Javascript

        ↓

  * 파생언어

    1) CoffeeScript(Ruby 개발자들이 좋아함) : 자바스크립트를 위한 'syntactic sugar’입니다.

                                                         짧은 문법을 도입하여 명료하고 이해하기 쉬운 코드를 작성 가능 

 

    2) TypeScript( Microsoft 개발) : 개발을 단순화 하고 복잡한 시스템을 지원하려는 목적으로

                                             '자료형의 명시화(strict data typing)'에 집중해 만든 언어

 

   3) Flow(Facebook 개발) :역시 자료형을 강제하는데, TypeScript와는 다른 방식을 사용함 


   4) Dart(Google 개발) : 모바일 앱과 같이 브라우저가 아닌 환경에서 동작하는 고유의 엔진을 가진 독자적 언어

 

 

5. 출처 

  -. developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript

728x90
반응형

'Code > 기타' 카테고리의 다른 글

Selenium Background Mode(Headless)  (0) 2020.12.17
Selenium path 환경변수 설정방법  (0) 2020.12.15
Python Study1  (0) 2020.12.04
JavaScript Data-action(자바스크립트 데이터액션)  (0) 2020.12.03
코딩을 시작하며  (0) 2020.11.09
Comments