[클라우딩 어플리케이션 엔지니어링 TIL] 240104 - JavaScript 들어가기 전

Intro...

---

어제까지 해서 HTML/CSS 강의가 끝이나고, 오늘부터 새로운 강사님의 JS 강의를 들었다.

JavaScript 간단 소개부터 앞으로 무얼 배울 지와 자바스크립트, ECMA 탄생 배경에 대해 학습했다.

 

 

오늘 학습한 내용

---

자바스크립트 학습 목표

: 유저의 Pain Point(소비자가 불편, 불안, 고통을 느끼는 지점)를 해결하기 위해

➡️ 서비스를 만든다.

서비스를 만들기 위해

➡️ 웹 개발을 배운다.

웹을 개발하기 위해

➡️ JavaScript를 배운다.

 

 

 

브라우저와 디버깅 - console

• console.log: 입력한 값을 콘솔에 한줄 한줄 출력
• console.dir: 주입된 값의 모든 속성을 확인할 때
• console.table: 표 형식의 데이터를 테이블로 표현

 

 

 

 

자바스크립트 특징

• 인터프리터 언어
  • 변환화는 과정을 거치지 않고 실행, 실행하면서 기계어로 변환하며 진행한다.
  • => 컴파일 단계가 없으나, 컴파일러 언어에 비해 실행 속도가 느리다.
• 동적 타입 언어
  • 변수에 들어가는 값에 따라 런타임 시 타입 추론
• 일급 객체
  • 함수는 일급 객체의 특성을 가진다.
  • 함수는 객체와 동일하게 사용
  • 함수는 값과 동일하게 취급 (변수 할당문, 객체 프로퍼티 값, 배열의 요소, 호출의 인수, 함수 반환문)
• 프로토타입 기반의 상속
  • 자바스크립트 언어가 갖고 있는 프로토타입 체이닝 구조를 통해 상속 가능
• 여러 프로그래밍 패러다임 지원
  • 명령형 프로그래밍
  • 함수형 프로그래밍
  • 객체지향 프로그래밍
  • ...

 

 

JavaScript 탄생 배경과 ECMAScript

• 자사 소프트웨어 사용의 점유율을 높이기 위해 브라우저마다 동작하는 기능을 경쟁적으로 추가했다.

➡️ 같은 자바스크립트 파일인데 IE에서 동작하고, Netscape에서는 동작하지 않는 현상이 발생했다. (크로스 브라우징 이슈)

• 모든 브라우저에서 자바스크립트는 동일하게 동작해야 한다.

➡️ ECMA 요청, 표준화 작업 진행

 

 

 

ECMAScript2015

: 2009년부터 진행한 작업이며 대규모 어플리케이션, 라이브러리 생성, 다른 언어의 컴파일의 대상으로 사용하는데 용이하게 하기 위한 목표로 작업하였다.

모듈,클래스 선언, 블록레벨 스코프, iterator와 generator, 비동기 프로그래밍, promise, 구조분해 패턴 등의 개선이 존재한다.

 

 

⚠️ 브라우저 버전마다 지원하는 JS 스펙이 상이한데, 개발에선 사용하고 싶은데 해당 브라우저 지원이 안 될 경우..

• polyfill
  • 지원하지 않는 브라우저에서 최신 기능을 제공하기 위해 필요한 코드
  • 폴리필은 브라우저가 다른 방식으로 동일한 기능을 구현하는 문제를 해결하는 데 사용한다.
• Babel
  • 이전 버전의 브라우저에서 ES6 이전 버전의 JavaScript로 변환하는 데 사용하는 도구
  • 문법을 번역 및 반환
  • 폴리필 기능 지원

 

더보기)

폴리필

 

 

 

 

 

마무리

---

오늘은 너무 피곤해서 집에서 나와 카페에서 공부했다. 더 집중이 잘되는 느낌이다.

다행히 오늘까지도 크게 어려운 내용이 없어서 수월하게 학습했다. 😁

내일도 화이팅!!