클라우딩 어플리케이션 엔지니어링 TIL Day 8

HTML과 CSS 강의가 끝나고 Javascript 강의가 시작되는 날이다!

이번 강의를 통해 Javascript 역량을 확실하게 향상 시키는 것이 목표이다

---

JS 첫 강의이기 때문에 오늘은 왜 JS를 공부해야 하는지, 강의 목표는 무엇인지, 실습 환경 세팅 등과 같은

기본적인 내용으로 강의가 진행된다

 

# 강의 목표와 커리큘럼

왜 Javascript를 사용할까?

유저의 pain point 해결하기 위해 -> 서비스를 만든다

서비스를 만들기 위해 -> 웹 개발을 배운다

웹을 개발하기 위해 -> JS를 배운다

---

# 브라우저의 개발자 도구

Elements : 로드된 파일의 소스 확인

Console : JS 실행

Source : 현재 브라우저 로드 모든 소스 확인

Network : 네트워크 통신 발생 시 로그 확인

Performance : 웹의 성능 확인

Application : 브라우저 저장 기능 확인 가능

---

# 브라우저와 디버깅

디버깅이란?

개발 단계 중에 발생하는 시스템의 논리적인 오류나 비정상적인 연산을 찾아내고 그 원인을 밝히고 수정하는 작업 과

 

디버깅을 어떻게 할까?

- 코드 내 log 함수 심기

- 개발자도구 -> source 탭 활용하기

 

console.dir : 주입된 값의 모든 속성을 확인할 때 사용

console.table : 표 형식의 데이터를 테이블로 표현

---

# Javascript 언어의 특징

1. 인터프리터 언어

사람이 이해한 언어로 코드를 작성하면 기계어로 번역되어 기계가 이해할 수 있도록 해야 한다

컴파일러 언어

• 사람이 코드를 작성
• 기계어로 변환
• 기계에서 실행

인터프리터 언어

• 사람이 코드를 작성
• 변환 단계 X
• 기계에서 실행
• 변환하며 진행

자바스크립트는 인터프리터 언어이다

2.  동적 타입 언어

변수에 들어가는 값에 따라서 런타임에 타입이 추론된다

3. 함수는 일급 객체

함수는 객체와 동일하게 사용할 수 있으며 값과 동일하게 취급한다

4. 프로토타입 기반의 상속

언어가 가지고 있는 프로토타입 체이닝 구조를 통하여 상속 가능

5. 프로그래밍 패러다임 지원

명령형, 함수형, 객체지향 등 여러 프로그래밍 지원

---

# 새로 알게 된 점

자바스크립트의 탄생 배경, 버전 업그레이드 과정 등

JS의 기본 개념에 대해서 복습할 수 있는 시간이었다