[노마드코더] 바닐라JS로 코코아톡 클론 코딩

기초를 다시 하기 위해서 정리하는 글 입니다.

바닐라 자바스크립트란 프레임워크 또는 라이브러리가 적용되지 않은 순수한 자바스크립트를 의미한다.

 

웹 사이트를 만들기 위해서는, HTML과 CSS를 알아야한다.

HTML

CSS

자바스크립트는 인터렉티브한 웹사이트를 만들어 준다.
- HTML과 CSS는 어떻게 작용하고 보완하는지만 알면 된다.

 

**인터렉티브한 웹: 사용자가 웹사이트(또는 웹 애플리케이션)와 상호작용할 수 있는 것을 의미

---

자바스크립트는 10일 만에 개발된 프로그래밍 언어이다.
자바스크립트는넷스케이프를 위해 개발된 언어이다. 예전에는 HTML과 CSS만 있었다.
- 넷스케이프: 브라우저, 브라우저가 더 인터렉티브하길 원해서 만들어진게 자바스크립트 언어.
자바스크립트가 프론트에서 쓸 수 있는 유일한 언어. (모든 것을 아우른다.)
자바스크립트는 모든 브라우저에 내장되어있다. (그래서 설치할 필요가 없다.)
폰에서든, 맥, 윈도우, 리눅스 모든 환경에서 자바스크립트를 다룰 수 있다.
프론트엔드는 자바스크립트만 배우면 된다. (대체 불가)
- three.js: 자바스크립트로 3D를 구현하게 해주는 라이브러리.
- 프레임워크: 내가 하려는 일을 도와주는 도구
- 리액트 네이티브: 자바스크립트 만으로 안드로이드랑 ios 앱을 만들 수 있게 해준다.
- 일랙트론: 자바스크립트, HTML, CSS로 데스크탑 앱을 만들 수 있게 해줌
- VSCode도 자바스크립트, HTML, CSS로 만들어짐
- 페이스북 메신저, 트위치, 슬랙, 피그마
- 프론트엔드를 자바스크립트로 만든 다음, 백엔드까지 자바스크립트로 만들 수 있다.
- socket.io를 사용하여 채팅이랑 실시간 기능들을 가능하게 함.
- ml5.js를 쓰면 머신러닝 모델을 생성하는 웹 사이트를 구축해서 그 모델을 훈련시킬 수도 있음.

---

자바스크립트 파일이나 css 파일을 브라우저에서 여는 것이아닌 html 파일에서 여는 것이다.
(자바스크립트나 CSS를 실행하기 위해선 중간 접착제인 html이 필요하다.)
브라우저에서 HTML 파일을 열고, CSS파일과 자바스크립트 파일을 가져온다.
html 파일을 생성하고, 느낌표+엔터를 입력하면 자동으로 html 문서를 만들어준다(기본값 세팅)
자바스크립트에서는 변수 표기 시 카멜 표기법을 사용한다.
var, const, let
예전에는 var를 사용하였지만, var는 어떤 규칙도 가지고 있지않다. 그래서 업데이트되어 현재는 const, let이 나왔다. 오래전에 개발된 자바스크립트에서는 여전히 var를 사용하고 있어서 지원은 아직 된다. 그래서 var를 브라우저에서는 이해하지만 const나 let을사용한다. const는 변하지않는 상수, let은 변할 수 있는 변수로 변화가 필요한 값에 대해서만 사용하고, 항상 const를 기본으로, let은 필요할때만. var는 절대 사용하지말것