노마드 코더 바닐라 JS 챌린지 1일차

챌린지라서 노마드코더 바닐라 JS 크롬 앱 만들기를 다 듣고 하는건줄 알았는데 그게 아니었다...

강의를 들으면서 같이 해나가는 느낌이랄까

퀴즈를 먼저 풀고봤더니 강의를 1.4~2.0까지 듣고 하는 것 같아서 

복기할 겸 2배속으로 다시 들어보고 정리를 해봤다!

(사실 아직도 어떻게 하는건지 잘 모르겠음...)

 

노마드코더 바닐라 JS로 크롬 앱 만들기 : https://nomadcoders.co/javascript-for-beginners/lobby

---

#1.4 Why JS 1

-넷스케이프에서 웹사이트를 인터렉티브 하게 만들기 위해 10일만에 자바스크립트를 만들었다

-자바스크립트는 모든 브라우저에 내장되있기 때문에 다운받을 필요가 없다

-프론트엔드는 자바스크립트 외에 선택지가 없다는 단점이 있지만 이것만 배우면 된다는 장점도 있다

 

#1.5 Why JS 2

-three.js 는 자바스크립트로 3D를 구현하게 해주는 라이브러리이다

-JS로 비디오 게임도 만들 수 있다

-프레임워크는 내가 하려는 일을 도와주는 도우미 역할을 한다

• 리액트 네이티브 : 자바스크립트 만으로 안드로이드, ios 앱을 만들수 있게 해준다
• 일렉트론 : 자바스크립트, HTML, CSS로 데스크탑 앱을 만들 수 있게 해준다(VSCode, Facebook. Twitch, Slack, Figma등)
• 자바스크립트로 백엔드를 돌릴 수 있다
• socket.io를  사용하면 채팅과 같은 실시간 기능들을 가능하게 한다
• ml5.js를 사용하면 머신러닝 모델을 생성하는 웹사이트를 구축해서 그 모델을 훈련시킬 수 있다

#1.6 Online IDE

-컴퓨터에 VS Code를 서치할 수 없는 사람을 위한 영상(생략)

-https://replit.com/ 을 사용해서 코드를 치면됨

#2.0 Your First JS Project

-자바스크립트를 다루는 방법은 브라우저의 console을 사용하면 된다

-콘솔이서 alert(), prompt() 등을 작성해도 브라우저에서 바로 실행 가능하다

-자바스크립트는 Document 상에서 새로운 폴더를 만든 후 VSCode에서 열고 html, js파일을 생성한 후 사용한다

-브라우저는 JTML을 열고, HTML은 CSS와 JS를 가져오는 개념이다

-