- Published on
✨ 바닐라 JS 크롬 앱 만들기 #1 강의 정리
- 글쓴이
📌 목차
💁🏻
- INTRODUCTION
- WELCOME TO JAVASCRIPT
- JAVASCRIPT ON THE BROWSER
- LOGIN
- CLOCK
- QUOTES AND BACKGROUND
- TO DO LIST
- WEATHER
Introduction
1.0 강의 소개
1.1 모멘텀
모멘텀 다운받아서 어떤 기능을 구현할 건지 살펴보기
1.2 준비물
HTML,CSS을 알아야해 - 프로그래밍 언어는 아니지만~!
인터랙티브 사이트를 만들거거든
1.3 소프트웨어 준비물
브라우저와 에디터~!
(인터넷 익스플로러 빼고/ 크로미움 베이스 브라우저 추천! 네이버 웨일이나 크롬이나 브레이브~)
VSCode를 에디터로 쓸거임~
1.4~5 왜 JS인가?
왜 JS인가? 왜 그렇게 인기가 많아?
인자한 자바스크립트 개발자 - 브랜든씨의 사진으로 시작
자바스크립트의 역사
1995.12 브랜든씨가 10일만에 만듦
넷스케이프가 웹사이트를 좀 더 인터랙티브하게 만들기 위해 언어를 만들려고 했고
그렇게 만들어진 언어가 자바스크립트임
자바스크립트가 프론트엔드에 쓸 수 있는 유일한 프로그래밍 언어라는 굉장히 중요한 포인트야.
자바스크립트가 웹 전체를 아우루는 유일한 프로그래밍 언어다.
모든 브라우저에 자바스크립트는 내장되어 있다! -> 접근성이 높다
threejs.org에 가면 자바스크립트로 만든 멋진 사이트들을 볼 수 있어
three.js는 자바스크립트로 3D를 구현하게 해주는 라이브러리야.
데이터 시각화도 구현할 수 있어. 비디오 게임도 만들 수 있고. 와우. 진짜 멋지다
만약 자바스크립트 기술을 좀 더 깊게 다듬어서 깊게 배우고싶다면
프레임워크로 넘어가면 돼
리액트 네이티브 같은거
- 자바스크립트만으로 안드로이드와 Ios앱을 만들 수 있게 해주는 멋진 프레임워크지.
다음 단계는 일렉트론
- 자바스크립트,HTML,CSS로 데스크탑 앱을 만들 수 있게 해줘
이제 자바스크립트로 백엔드도 돌릴 수 있어 와우! 전에는 불가능했었는데!
자바스크립트는 3D로 무언가를 하기에 아주 좋은 언어야.
실시간으로 무언가를 만들고 싶어도 딱이고
머신러닝도 할 수 있어 -ml5.js를 쓰면 할 수 있지.
그니깐. 자바스크립트는 다 할 수 있다고. 그 어떤 다른 프로그래밍 언어도 이걸 다 할 순 없어.
1.6 Online IDE
VSCode를 만약 컴퓨터에 설치하지 못할 경우
Replit.com을 들어가면 현존하는 거의 대부분의 언어로 프로그래밍 할 수 있어~