Notice
Recent Posts
Recent Comments
Link
«   2024/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Tags
more
Archives
Today
Total
관리 메뉴

개발자입니다

노마드코더 JS로 그림앱 만들기) #0 INTRODUCTION 본문

Javascript/노마드코더 - JS로 그림앱 만들기

노마드코더 JS로 그림앱 만들기) #0 INTRODUCTION

끈기JK 2022. 10. 6. 08:24

VS code에서 ! + 엔터시 html에 필요한 코드 자동으로 나온다.

 

VS code에서 Live Server 설치 - 우하단 Go Live 클릭 - index.html 파일 생성해야 자동 업데이트

 

<!-- 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>Meme Maker</title>
    <link rel="stylesheet" href="style.css" />
</head>

<body>
    <canvas></canvas>
    <script src="app.js"></script>

</body>

</html>
/* style.css */
body {
    background-color: turquoise;
}
// app.js
alert('Hello');

 

저작자표시

'Javascript > 노마드코더 - JS로 그림앱 만들기' 카테고리의 다른 글

노마드코더 JS로 그림앱 만들기) #3 MEME MAKER - file URL, Image(), dblclick, download, transition  (0) 2022.10.11
노마드코더 JS로 그림앱 만들기) #2 PAINTING BOARD - mousemove, mouseup, mousedown, mouseleave, change, dataset  (0) 2022.10.06
노마드코더 JS로 그림앱 만들기) #1 THE CANVAS API - canvas, fillRect, moveTo, lineTo, fill, stroke, fillStyle, beginPath  (0) 2022.10.06
'Javascript/노마드코더 - JS로 그림앱 만들기' Related Articles more