JavaScript로 크롬 앱 만들기 #1

Heeseung Ha·2021년 11월 20일

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

✔ 자바스크립트의 특징

  • 자바스크립트는 FE단에서의 유일한 프로그래밍 언어이다
  • 유일한 언어기 때문에 FE를 선택한다면 무조건 배워야 한다
  • 굳이 설치를 하지 않아도 된다. 모든 웹 브라우저에 내장되어 있기 때문

✔ Framework

React Native: 안드로이드, ios에 사용되는 FE 프레임워크
Electron: 데스크탑 앱, VS Code

✔ 다양한 분야에서의 Javascript

  • 백엔드까지도 JavaScript로 만들 수 있다
  • 실시간 프로그램도 JavaScript로 가능
  • 머신러닝 역시 JavaScript로 가능

✔ Console 활용하기

  • 자바스크립트는 모든 브라우저에 내장되어 있기 때문에 바로 브라우저의 콘솔을 열어서 사용할 수 있다.
  • 하지만 긴 코드를 위해 쓰이는 용도가 아니다.
  • 자바스크립트와의 상호작용엔 좋을지라도 프로그래밍을 위한 용도는 아니다.

✔ HTML과 JS, CSS의 연결

브라우저는 .js나 .css를 브라우저에서 바로 작동하게끔 하지 않는다.
.html을 통해서 css와 js부분을 가져온다. 즉 html이 이 모든 것의 접착제 같은 역할을 한다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css"> <!-- css 불러오기 -->
    <title>Momentum</title>
</head>
<body>
    <script src="app.js"></script> <!-- js 불러오기 -->
</body>
</html>
profile
FE 개발 공부중...💫

0개의 댓글