Page 23 - MDP2020-1
P. 23

················································································  명장양성프로젝트  【MDP】  과제발표회  자료집  Ⅰ    |  17


                    2)  화면  구성  코드


                        가)  html
            <!DOCTYPE  html>

            <html>
            <head>
                    <meta  charset="UTF-8">
                    <title>OH  MY  MIRROR!</title>

                    <link  rel="stylesheet"  href="style.css">
            </head>
            <body>
                    <div  class="COM1"></div>
                    <div  class="COM2"></div>
                    <div  class="COM3"></div>

                    <div  class="COM4_TITLE"></div>
                    <div  class="COM4_1"></div>
                    <div  class="COM4_2"></div>
                    <div  class="CUSTOM1"></div>

                    <div  class="CUSTOM2"></div>
                    <div  class="GREETUSR"></div>
                    <script  src="runModule.js"></script>
                    <script  type="module"  src="turnOff.js"></script>
                    <script  type="module"  src="module/greeting.js"></script>
                    <script  type="module"  src="module/clock.js"></script>

                    <script  type="module"  src="module/date.js"></script>
                    <script  type="module"  src="module/weather.js"></script>
                    <script  type="module"  src="module/menu.js"></script>
                    <script  type="module"  src="module/corona.js"></script>
                    <script  type="module"  src="module/subway.js"></script>

                    <script  type="module"  src="module/melon.js"></script>
            </body>
            </html>
   18   19   20   21   22   23   24   25   26   27   28