-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path졸업작품 구상.drawio.html
12 lines (12 loc) · 19.1 KB
/
졸업작품 구상.drawio.html
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>diagrams.net</title>
<meta http-equiv="refresh" content="0;URL='https://app.diagrams.net/#Hyeonhyeeun%2FJS_study%2Fmain%2F%EC%A1%B8%EC%97%85%EC%9E%91%ED%92%88%20%EA%B5%AC%EC%83%81.drawio.html'"/>
<meta charset="utf-8"/>
</head>
<body>
<div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-mxgraph="{"highlight":"#0000ff","nav":true,"resize":true,"xml":"<mxfile host=\"app.diagrams.net\" modified=\"2022-06-19T20:54:35.225Z\" agent=\"5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36\" etag=\"m8Nh6_tFl_TgPyzWB5aG\" version=\"20.0.1\" type=\"github\"><diagram id=\"SbHb8CfyyfPMRmhEO7pa\" name=\"Page-1\"><mxGraphModel dx=\"1384\" dy=\"1078\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"827\" pageHeight=\"1169\" math=\"0\" shadow=\"0\"><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-2\" value=\"&lt;ol style=&quot;box-sizing: border-box; border: 0px solid rgb(229, 231, 235); --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246/0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; list-style-position: inside; list-style-image: initial; margin: 0px 0px 16px; padding: 0px 0px 0px 2em; color: rgb(36, 41, 46); font-family: -apple-system, &amp;quot;system-ui&amp;quot;, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; text-align: start; background-color: rgb(255, 255, 255);&quot;&gt;&lt;li style=&quot;box-sizing: border-box; border: 0px solid rgb(229, 231, 235); --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246/0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; margin-top: 0.75rem; margin-bottom: 0.75rem;&quot;&gt;&lt;strike&gt;실시간 시계&lt;/strike&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; border: 0px solid rgb(229, 231, 235); --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246/0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; margin-top: 0.25em; margin-bottom: 0.75rem;&quot;&gt;&lt;strike&gt;로컬 스토리지를 사용한 로그인&lt;/strike&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; border: 0px solid rgb(229, 231, 235); --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246/0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; margin-top: 0.25em; margin-bottom: 0.75rem;&quot;&gt;로컬 스토리지를 사용한 투두리스트&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; border: 0px solid rgb(229, 231, 235); --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246/0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; margin-top: 0.25em; margin-bottom: 0.75rem;&quot;&gt;&lt;strike&gt;랜덤 배경 이미지&lt;/strike&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; border: 0px solid rgb(229, 231, 235); --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246/0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; margin-top: 0.25em; margin-bottom: 0.75rem;&quot;&gt;날씨와 위치 (geolocation)&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; border: 0px solid rgb(229, 231, 235); --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246/0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; margin-top: 0.25em; margin-bottom: 0.75rem;&quot;&gt;&lt;strike&gt;여러분의 CSS 실력을 뽐내주세요������&lt;/strike&gt;&lt;/li&gt;&lt;/ol&gt;\" style=\"text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"20\" y=\"30\" width=\"310\" height=\"220\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-3\" value=\"졸업작품 조건\" style=\"rounded=1;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"125\" y=\"10\" width=\"100\" height=\"30\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-4\" value=\"&lt;font style=&quot;font-size: 20px;&quot;&gt;title&lt;br&gt;: 귀여운 우리집 강아지를 자랑하고 &lt;br&gt;싶은 웹 기반 투두 리스트&amp;nbsp;&lt;/font&gt;\" style=\"rounded=0;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"414\" y=\"10\" width=\"300\" height=\"110\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-25\" value=\"메인 화면\" style=\"rounded=0;whiteSpace=wrap;html=1;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"40\" y=\"270\" width=\"740\" height=\"370\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-27\" value=\"&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;랜덤 사진 배경화면\" style=\"rounded=1;whiteSpace=wrap;html=1;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"50\" y=\"280\" width=\"720\" height=\"350\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-28\" value=\"메인화면 - 로그인 후&amp;nbsp;\" style=\"text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"340\" y=\"240\" width=\"190\" height=\"30\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-26\" value=\"실시간 시간\" style=\"rounded=1;whiteSpace=wrap;html=1;fontSize=20;arcSize=37;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"65\" y=\"300\" width=\"160\" height=\"60\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-29\" value=\"오늘의 명언\" style=\"rounded=1;whiteSpace=wrap;html=1;fontSize=20;arcSize=37;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"240\" y=\"300\" width=\"330\" height=\"60\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-30\" value=\"토돌이 자랑 기능&lt;br&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;- 인스타그램 계정&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;팔로우&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;- 유튜브 계정 구독?&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;- 토돌이 팬 페이지/ 팬카페 가입?&amp;nbsp;&lt;/span&gt;&lt;/div&gt;\" style=\"shape=note;whiteSpace=wrap;html=1;backgroundOutline=1;darkOpacity=0.05;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"40\" y=\"670\" width=\"190\" height=\"237.5\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-36\" value=\"&lt;ol&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;li&gt;To do&lt;/li&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;/ol&gt;\" style=\"text;strokeColor=none;fillColor=none;html=1;whiteSpace=wrap;verticalAlign=middle;overflow=hidden;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"170\" y=\"400\" width=\"160\" height=\"90\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-37\" value=\"&lt;ol&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;li&gt;To do&lt;/li&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;/ol&gt;\" style=\"text;strokeColor=none;fillColor=none;html=1;whiteSpace=wrap;verticalAlign=middle;overflow=hidden;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"350\" y=\"430\" width=\"160\" height=\"140\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-38\" value=\"&lt;ol&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;li&gt;To do&lt;/li&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;li&gt;To do&amp;nbsp;&lt;/li&gt;&lt;/ol&gt;\" style=\"text;strokeColor=none;fillColor=none;html=1;whiteSpace=wrap;verticalAlign=middle;overflow=hidden;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"160\" y=\"530\" width=\"160\" height=\"60\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-39\" value=\"이번달 목표\" style=\"text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"175\" y=\"380\" width=\"100\" height=\"40\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-40\" value=\"이번주 목표\" style=\"text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"175\" y=\"510\" width=\"100\" height=\"40\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-41\" value=\"오늘의 목표\" style=\"text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"374\" y=\"380\" width=\"100\" height=\"40\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-42\" value=\"&lt;ul&gt;&lt;li&gt;구글 캘린더 연동&amp;nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;이번달/이번주 스케줄 시각적으로 보여주기 (바쁜 정도- 약속 개수&amp;nbsp;&lt;/div&gt;&lt;div&gt;색깔로 표현?)&lt;/div&gt;\" style=\"text;strokeColor=none;fillColor=none;html=1;whiteSpace=wrap;verticalAlign=middle;overflow=hidden;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"550\" y=\"370\" width=\"210\" height=\"180\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-45\" value=\"날씨와 위치\" style=\"rounded=1;whiteSpace=wrap;html=1;fontSize=20;arcSize=37;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"590\" y=\"300\" width=\"160\" height=\"60\" as=\"geometry\"/></mxCell><mxCell id=\"yw-pcOpSfnHnMfWJ32Ab-48\" value=\"Actor\" style=\"shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;fontSize=20;\" parent=\"1\" vertex=\"1\"><mxGeometry x=\"95\" y=\"480\" width=\"30\" height=\"60\" as=\"geometry\"/></mxCell></root></mxGraphModel></diagram></mxfile>","toolbar":"pages zoom layers lightbox","page":0}"></div>
<a style="position:absolute;top:50%;left:50%;margin-top:-128px;margin-left:-64px;" href="https://app.diagrams.net/#Hyeonhyeeun%2FJS_study%2Fmain%2F%EC%A1%B8%EC%97%85%EC%9E%91%ED%92%88%20%EA%B5%AC%EC%83%81.drawio.html" target="_blank"><img border="0" src="https://app.diagrams.net/images/drawlogo128.png"/></a>
</body>
</html>