initialize project and revise project

libtv · Dec 21, 2021 · e8c33cd · e8c33cd
commit e8c33cd
Show file tree

Hide file tree

Showing 603 changed files with 11,542 additions and 0 deletions.
diff --git a/0. front_kakaotalk_clone/2021-05-19/index.html b/0. front_kakaotalk_clone/2021-05-19/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <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>KakaoTalk</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <div id="status-nav">
+      <div class="status-nav__column">
+        <span>No Service</span>
+        <i class="fas fa-wifi"></i>
+      </div>
+      <div class="status-nav__column">
+        <span>18:43</span>
+      </div>
+      <div class="status-nav__column">
+        <span>11%</span>
+        <i class="fas fa-battery-full fa-lg"></i>
+        <i class="fas fa-bolt"></i>
+      </div>
+    </div>
+
+    <header id="status-header">
+      <h3 class="status-header__title">
+        <span>Welcome to KaKaoTalk</span>
+      </h3>
+      <p class="status-header__text">
+        If you have a Kakao Account, <br />
+        log in with your email or phone number
+      </p>
+    </header>
+
+    <section id="status-form">
+      <form action="" id="status-from__submitform">
+        <input type="text" placeholder="Email or phone number" />
+        <input type="password" placeholder="password" />
+        <input type="submit" value="Log in" />
+      </form>
+      <a href="#">Find Kakao Account or Password</a>
+    </section>
+
+    <script
+      src="https://kit.fontawesome.com/59f2437fc3.js"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
+
+<p>▶ Main.java = Menu-Driven Code</p>
+<p>▶ One_Algorithms.java = DDA, Bresenham algorithms</p>
+<p>▶ Two_Algorithms.java = X-Y polygonal scanline algorithms</p>
+<p>▶ Three_Algorithms.java = 동치좌표계를 이용한 이동, 신축, 회전</p>
+<p>▶ Four_Algorithms.java = 임의의 점에 대한 합성, 변환</p>
+<p>▶ FIve_Algorithms.java = Cohen-Sutherland Algorithms</p>
+<p>▶ Six_Algorithms.java = LiangBarsky Algorithms</p>
diff --git a/0. front_kakaotalk_clone/2021-05-19/reset.css b/0. front_kakaotalk_clone/2021-05-19/reset.css
@@ -0,0 +1,133 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+input:focus {
+  outline: none;
+}
diff --git a/0. front_kakaotalk_clone/2021-05-19/status.css b/0. front_kakaotalk_clone/2021-05-19/status.css
@@ -0,0 +1,35 @@
+#status-nav {
+  display: flex;
+  justify-content: center;
+  margin: 3px 5px;
+}
+
+#status-nav .status-nav__column {
+  width: 33%;
+}
+
+#status-nav .status-nav__column:nth-child(1) {
+  display: flex;
+  justify-content: left;
+  align-items: center;
+}
+
+#status-nav .status-nav__column:nth-child(2) {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+#status-nav .status-nav__column:nth-child(3) {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.status-nav__column .fa-wifi {
+  margin: 0 5px;
+}
+
+.status-nav__column .fa-battery-full {
+  margin: 0 5px;
+}
diff --git a/0. front_kakaotalk_clone/2021-05-19/style.css b/0. front_kakaotalk_clone/2021-05-19/style.css
@@ -0,0 +1,59 @@
+@import url("./reset.css");
+@import url("./variables.css");
+@import url("./status.css");
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
+    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+}
+
+#status-header {
+  margin: 90px 0;
+}
+
+#status-header .status-header__title {
+  text-align: center;
+  font-weight: 600;
+  font-size: 28px;
+}
+
+#status-header .status-header__text {
+  margin-top: 30px;
+  text-align: center;
+  font-size: 18px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+#status-form {
+  display: flex;
+  flex-direction: column;
+}
+
+#status-from__submitform {
+  display: flex;
+  flex-direction: column;
+}
+
+#status-from__submitform input {
+  margin-bottom: 25px;
+  padding: 25px 0;
+  border-style: none;
+  font-size: 20px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  margin-left: 30px;
+  margin-right: 30px;
+}
+
+#status-from__submitform input:focus {
+  border-bottom: 1px solid var(--yellow);
+  transition: border-color 0.4s ease-in-out;
+}
+
+#status-from__submitform input[type="submit"] {
+  background-color: var(--yellow);
+}
+
+#status-form > a {
+  text-align: center;
+  list-style: none;
+  text-decoration: none;
+}
diff --git a/0. front_kakaotalk_clone/2021-05-19/variables.css b/0. front_kakaotalk_clone/2021-05-19/variables.css
@@ -0,0 +1,3 @@
+:root {
+  --yellow: #fae100;
+}
diff --git a/0. front_kakaotalk_clone/2021-05-20/home.html b/0. front_kakaotalk_clone/2021-05-20/home.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<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>Document</title>
+    <style>
+        a {
+            color: wheat;
+            background-color: tomato;
+            text-decoration: none;
+            padding: 3px 5px;
+            border-radius: 5px;
+            font-size: 20px;
+            transition: backgroud-color 0.3s ease-in-out,
+                color 0.3s ease-in-out;
+        }
+
+        a:hover {
+            color: tomato;
+            background-color: wheat;
+        }
+    </style>
+</head>
+
+<body>
+    <a href="#">Go Home</a>
+</body>
+
+</html>