일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 노마드코더
- python
- yolo
- 2021
- SQL
- Codestates
- 기초통계
- 선형회귀
- pandas
- 매일매일
- JavaScript
- 독서
- selenium
- MYSQL
- bootcamp
- 코드스테이츠
- 꾸준히
- 딥러닝
- 재미져
- 부트캠프
- leetcode
- 열심히
- 자료구조
- 성실히
- 주간보고
- Ai
- 파이썬
- 코딩테스트
- 리뷰
- 빅데이터
- Today
- Total
코딩일기
JavaScript를 시작하며 본문
1. 정의 및 목적
-
우리가 Javascript를 배우는 이유는 Javascript를 통해서 HTML과 CSS를 어떻게 하면 수정할 수 있는지를 배우기 위함이며, 웹에 이벤트와 생동감을 불어넣기 위해 만들어진 프로그래밍 언어
2. 특징
-
특별한 준비나 컴파일 없이 실행이 가능
-
자바스크립트 엔진이 있어 모든 디바이스에서 동작함
-
( 파싱 -> 컴파일이 되어 있기에 실행 속도가 빠르다)
-
메모리나 CPU 같은 저수준 영역의 조작을 허용하지 않음
-
HTML/CSS와 완전히 통합할 수 있음(변수 안에 값 넣기 가능, 문자열 조작 가능 등)
-
모든 주요 브라우저에서 지원하고, 기본 언어로 사용됨
-
APIs(DOM, Geolocation API, Canva, HTMLMediaElements 등)가 많이 만들어져 있고 가져다 쓸 수 있음
3. 자바스크립트가 브라우저에서 할 수 있는 일
-
페이지에 새로운 HTML을 추가하거나 기존 HTML, 혹은 스타일 수정하기
-
마우스 클릭이나 포인터의 움직임, 키보드 키 눌림 등과 같은 사용자 행동에 반응하기
-
네트워크를 통해 원격 서버에 요청을 보내거나, 파일 다운로드, 업로드하기(AJAX나 COMET과 같은 기술 사용)
-
쿠키를 가져오거나 설정하기. 사용자에게 질문을 건네거나 메시지 보여주기
-
클라이언트 측에 데이터 저장하기(로컬 스토리지
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
'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 |