[프로젝트] 바닐라 JS로 크롬 앱 만들기 1 시작

이하영·2023년 7월 14일
0

학습(프로젝트)

목록 보기
1/12
post-thumbnail

전에 웹 프로젝트를 진행하면서 웹을 개발하는 데에 자바스크립트가 정말 많이 사용되고 있다는 것을 느꼈고, 자바스크립트를 공부해야겠다고 생각했다

이번에는 노마드 코더의 바닐라JS로 크롬 앱 만들기 강의를 듣고 학습한 내용을 정리하여 공유해려고 한다..


노마드 코더 - 바닐라 JS로 크롬 앱 만들기 강의

그런데 바닐라 자바스크립트란 무엇일까? 들어보기만 했는데 이번에 프로젝트를 시작하면서 찾아봤다.

바닐라 자바스크립트(Vanilla JS)란?

  • 외부 라이브러리나 프레임워크를 쓰지 않는 순수 JavaScript를 이르는 말이다.
  • 사용자 정의된 라이브러리나 프레임워크 자체를 쓰지 않기 때문에 빠르고 호환성이 좋다.

자바스크립트와 다른 게 아니었고, 순수한 자바스크립트 코드만으로 작성하는 것을 말하는 것이었다.

강의 #1.0~#1.6

학습 날짜 : 23.07.14

  • 모멘텀이라는 앱을 클론하며 배울 것들

    • 자바스크립트로 어떻게 사용자를 기억할 수 있는지
    • 시계를 어떻게 만들지
    • 위치와 위치의 날씨 가져오기(geolocation)
    • 배경사진을 무작위로 바꾸는 방법
    • 무작위로 명언을 받아서 사용자에게 저장하는 법
    • to-do-List를 구현하는 방법
  • 자바스크립트 탄생 배경

    • 넷스케이프는 웹사이트를 좀더 인터렉티브 하게 만들기를 원했음
      → 자바스크립트를 만들었다.
  • 자바스크립트는 모든 브라우저에 내장되어 있다. (설치할 필요 X)

  • React Native (프레임워크)

    • 자바스크립트만으로 안드로이드와 iOS 앱을 만들 수 있음
  • ELECTRON (프레임워크)

    • 자바스크립트, HTML, CSS로 데스크탑 앱을 만들 수 있음
profile
안녕하세요, 웹 개발자 이하영입니다!

0개의 댓글