[엘리스 AI 트랙 2기] 3주차-JavaScript(07/08)

자료의 출처는 '엘리스 AI 트랙 2기 (https://aitrack.elice.io/)' 실시간 강의이며, 학습 후 정리한 내용입니다.

⚡️올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다.⚡️

---

JavsScript

이고잉 코치님

Web 브라우저 위에서 동작하는 컴퓨터 언언어(프로그래밍 언어)는 JavaScript 뿐.

특징

1. 독점적, 폐쇄적

- 웹 브라우저에서만 사용할 수 있었으나, google이 V8 엔진을 개발하면서 JS의 성능을 극적으로 끌어올림

 => node js 탄생

2. 경쟁

- 웹 브라우저 밖에 있는 컴퓨터 언어(ex. python)와 경쟁이 가능하게 됨

 

clone = init + 동기화 (remote add origin 원격저장소)

 

data type에 따라 연산이 달라진다.

=> data의 중요성

-  data와 가공

 

변수는 데이터의 이름을 붙인 것이다.

---

김병철 코치님

JS 특징

JavaScript는 생각보다 범용적인 언어이다.

- node JS

- electron (ex) slack, discord, vscode)  

- React Native (ex)서버, 웹, 앱 프로그램)

Var

Var 만의 특성은 대부분의 상황에서 좋지 않은 부작용을 만들어낸다.

let이 표준에 도입된 이유가 바로 이런 부작용을 없애기 위해서이다.

변수는 블록 레벨 스코프를 갖는 게 좋으므로 이제는 let과 const를 이용해 변수를 선언하는 게 대세다.

(참고: https://ko.javascript.info/var)

 

'var’는 블록 스코프가 없습니다.

var로 선언한 변수의 스코프는 함수 스코프이거나 전역 스코프입니다. 블록 기준으로 스코프가 생기지 않기 때문에 블록 밖에서 접근 가능합니다.

 

var의 변수 범위는 함수 scope로, 함수에서 다루는 변수는 바깥쪽의 변수와 다르지만, 단순히 중괄호를 씌운다고 다른 변수로 구분되지 않는다.

 

Const와 let

const heelo1 = "Hello~~";
let hello2 = "Bye~~~";

const: constant (상수)의 약자로, 한 번 정의한 이후 값이 변하지 않는 경우에 사용.

let: const와 달리 한번 정의한 이후 값이 변경될 수 있을 때 사용 

기본 문법은 C-Style

• 일반적인 C-style 언어(C, C++, Java 등)가 유사한 문법 구조를 갖고 있음. (물론 let과 const를 사용하는 가정 하)
• 세미콜론은 권장사항 (사용하지 않아도 문장 끝에 자동으로 붙음) - 그러나 붙이자!
• 이외에도 함수, 조건문, 반복문, 클래스 (다만, 함수와 클래스는 우리가 생각하는 것과 조금 다르게 동작)의 스타일이 유사
  -> FE가 되기 위한다면 함수와 클래스 차이를 명확히 알자!

Event Listener 한짤 요약

 

---

참고

• https://ko.javascript.info/var

오래된 'var'