DAY 1

Javascript

javascript는 frontend로 쓸 수 있는 유일한 언어로, 브라우저에 내장되어 있어 다른 언어처럼 설치 과정이 없다. 또한 프레임워크를 사용해 backend에도 사용된다.

Framework of Javascript

: 프로그래밍에서 특정 운영체제를 위한 응용 프로그램 표준 구조를 구현하는 class와 library의 모임으로, javascript 프레임워크에는 대표적으로 react, vue, angular 등이 있다.

- three.js는 javascript로 3D를 구현하게 해준다.

- react native는 javascript만으로도 모바일 앱을 만들 수 있게 해준다.

- electron은 js, html, css로 desktop app을 만들 수 있게 해준다.

- ml5.js로 머신러닝 모델을 생성하는 웹사이트를 구축해 훈련시킬 수도 있다.

#2.0 Your First JS Project

app.js

alert("hi");

style.css

body{
    background-color: beige;
}

app.js와 style.css를 브라우저에서 열었을 때, 다음과 같이 그냥 코드가 출력되는 것을 볼 수 있다. 브라우저는 css와 js파일을 이런 식으로 실행하지 않기 때문이다. 브라우저와 js, css를 연결해주는 무언가가 필요하다. 그것이 html이다.

브라우저에서는 html 파일을 열고, html은 css와 js를 가져온다.

index.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">
    <title>Momentum</title>
    <!-- link:css 시 자동완성 -->
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <script src="app.js"> </script>
</body>
</html>

'javascript > 바닐라 JS로 크롬 앱 만들기' 카테고리의 다른 글

DAY 8 (0)	2023.01.03
DAY 5 (0)	2022.12.30
DAY 4 (0)	2022.12.30
DAY 3 (0)	2022.12.28
DAY 2 (1)	2022.12.28

hykim

DAY 1

Javascript

Framework of Javascript

#2.0 Your First JS Project

'javascript > 바닐라 JS로 크롬 앱 만들기' 카테고리의 다른 글

티스토리툴바

DAY 1

Javascript

Framework of Javascript

#2.0 Your First JS Project

'javascript > 바닐라 JS로 크롬 앱 만들기' 카테고리의 다른 글

'javascript/바닐라 JS로 크롬 앱 만들기' Related Articles

티스토리툴바