lil.dev
Published on

✨ 바닐라 JS 크롬 앱 만들기 #1 강의 정리

글쓴이

    📌 목차

    Welcome

    바닐라 JS로 크롬 앱 만들기

    💁🏻

    1. INTRODUCTION
    2. WELCOME TO JAVASCRIPT
    3. JAVASCRIPT ON THE BROWSER
    4. LOGIN
    5. CLOCK
    6. QUOTES AND BACKGROUND
    7. TO DO LIST
    8. 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을 들어가면 현존하는 거의 대부분의 언어로 프로그래밍 할 수 있어~