바닐라 JS로 크롬 앱 만들기 #1

JS를 공부하기 위해서 강의를 듣고 있는데 그 강의를 듣고 따라하며 공부하면서 배우는 내용에 대해서

다시 한번 정리하기 위해 새로운 카테고리를 만들었다!

먼저 내가 듣고 있는 강의는 "바닐라 JS로 크롬 앱 만들기"이다.

https://nomadcoders.co/javascript-for-beginners/lobby?utm_source=free_course&utm_campaign=javascript-for-beginners&utm_medium=site

자바스크립트를 아예 모르는 사람도 듣고 따라하기 쉽게 설명하기 때문에 부담 없이 따라가고 있다!!

---

 

이 강의에서는 모멘텀이라고 하는 유명한 앱을 복제한다.

모멘텀 다운로드 링크 https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca/related

웹은 HTML과 CSS 그리고 JS(자바스크립트)가 전부라고 볼 수 있다!!

따라서 웹을 만들기 위해서는 HTML과 CSS를 알아야 한다.

전문가처럼 알 필요는 없고 기본만 알고 어떻게 작용하고 서로를 어떻게 보완하는지만 알고 있으면 된다.

HTML의 경우	폼을 어떻게 작성해야하는지, 인풋이나 버튼 같은 것, Body나 Head가 무엇인지
CSS의 경우	클래스와 아이디의 차이점이 무엇인지, selecor이 무엇인지

 

JS는 훌륭한 브라우저랑 문서편집기만 있으면 된다!

이때 훌륭한 브라우저는 인터넷 익스폴로러만 아니면 된다! 구글, 사파리, 네이버 웨일 등등 다 가능하다!!

 

왜 자바스크립트가 인기폭발인가?

거의 모든 99.98%의 컴퓨터에서 사용한다. JS를 배우고 전문가가 된다면 짱짱한 미래가 보장!!

JS로 할 수 있는 건 웹 말고도 여러 가지가 있다!

 

JS는 10일만에 만들어졌는데 JS를 만든 이유는 넷스케이프 때문이다.

넷스케이프는 브라우저로 당시 굉장히 훌륭한 네비게이터이다.

 

웹프로그래밍 언어로써 JS가 완벽하지는 않음! 문제도 있고 오래됐지만 그럼에도 JS를 사용하는 이유는

세상에 있는 모든 웹사이트에 존재하는 언어를 다 고치고 바꾸면 현재 작동하는 웹사이트들이 다 망가지고 혼란이 생긴다.

JS는 모든 컴퓨터에 존재하기에 영원히 존재한다. 사라질 수가 없다!

 

백엔드 경우, 루비, JS, 파이썬, 고 , 자바 등등 다양한 프로그래밍 언어를 고를 수 있지만

프론트엔드의 경우에는 JS가 유일하다!

JS는 백엔드와 프론트엔드 모두에 사용이 가능하다!

 

프레임워크는 내가 할 일을 도와주는 것

react.js는 js만을 이용해서 안드로이드와 ios 앱을 만들 수 있게 해준다.

인스타, 페북, 디스코드, 테슬라 등등의 앱도 이걸로 만들었다.

socket.io를 통해 실시간 소통, 채팅 등을 가능하게 한다!

ml5.js를 사용하면 머신러닝 모델을 생성하는 웹사이트를 구축해서 그 모델을 훈련시켜 머신러닝 사용이 가능하다!

 

웹사이트, 프론트엔드, 백엔드, 인공지능 앱, 채팅기능, 데스크탑 앱, 안드로이드와 ios앱까지

JS만을 사용해서 만들 수 있다!