스크립트 발표

by hohoya33

HTML

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>JavaScript - 101</title>
		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/custom.css">
		<!-- Code syntax highlighting -->
		<link rel="stylesheet" href="https://highlightjs.org/static/demo/styles/monokai-sublime.css">
		<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
		<link rel='stylesheet' href='lib/font/devicons/devicons.css'>
		<style type="text/css">
		.devicons-javascript{color:#f5de19}
		.devicons-html5{color:#e44f26}
		.devicons-css3{color:#1572b6}
		.devicons-npm{color:#a23332}
		.devicons-sass{color:#cd6799}
		</style>
		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>
	</head>
	<body>
		<div class="reveal">
			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<div><img src="img/js_logo.png " alt="" style="width:18%;"></div>
					<h1 style="margin-bottom:100px;font-size:50px;letter-spacing:normal">JavaScript - 101</h1>
					<p>2019. 03. 27</p>
					<p>서비스 개발1팀 UI파트 - 김재호</p>
				</section>

				<section>
					<h2>The Agenda</h2>
					<ul>
						<li>JavaScript 소개</li>
						<li>JavaScript 시작하기</li>
						<li>변수 (Variable)</li>
						<li>배열 (Array)</li>
						<li>객체 (Object)</li>
						<li>함수 (Function)</li>
						<li>유효범위 (Scope)</li>
						<li>객체지향 프로그래밍 (OOP)</li>
						<li>jQuery</li>
					</ul>
				</section>

				<section>
					<section>
						<h2>JavaScript 소개</h2>
					</section>
					<section>
						<h2>JavaScript?</h2>
						<div><img...