Skip to content

양지은 제출합니다. #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
yje9802 wants to merge 16 commits into
base: main
Choose a base branch
from
Open

양지은 제출합니다. #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
114ca47
Update ex3.test.js
yje9802 Sep 11, 2024
bb7b17b
[done] #2 완료
yje9802 Sep 12, 2024
4916627
[done] #3 완료
yje9802 Sep 12, 2024
25a3fa3
[done] #8 완료
yje9802 Sep 12, 2024
b6f501d
[done] #4 완료
yje9802 Sep 12, 2024
030b8d3
[done] 5번 문제 완료
yje9802 Sep 12, 2024
b249a27
[update] 8번 문제 수정
yje9802 Sep 12, 2024
fa12303
[update] 8번 정답 수정
yje9802 Sep 12, 2024
490261b
[in progress] 7번 하는중
yje9802 Sep 12, 2024
cc8e352
[update] 5번, 10번 사소한 수정
yje9802 Sep 13, 2024
171f83b
[done] 7번 완료
yje9802 Sep 13, 2024
d455681
[update] 7번 업데이트
yje9802 Sep 13, 2024
67262ca
[done] 6번 문제 완료
yje9802 Sep 13, 2024
ca10347
[done] 1번의 book-edit 완료
yje9802 Sep 13, 2024
67fecd9
[done] 1번 문제 register.html 완료
yje9802 Sep 13, 2024
a9687ff
[done] 1번 문제 index.html 완료
yje9802 Sep 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,406 changes: 1,406 additions & 0 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 7 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,5 +11,11 @@
"TS"
],
"author": "indiflex",
"license": "ISC"
"license": "ISC",
"dependencies": {
"@types/node": "^22.5.4"
},
"devDependencies": {
"tailwindcss": "^3.4.11"
}
}
116 changes: 116 additions & 0 deletions 양지은/ex1/book-edit.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="output.css" rel="stylesheet" />
<script
src="https://kit.fontawesome.com/a41ebeca25.js"
crossorigin="anonymous"
></script>
<title>Book-Edit</title>
</head>
<body class="min-h-screen flex flex-col">
<nav class="flex justify-between border-b-2 h-16 px-8 py-2">
<!-- 로고 -->
<div
id="bookmark-logo"
class="flex justify-center bg-gray-100 rounded p-3"
>
<i
class="fa-solid fa-book-bookmark text-green-500 self-center mr-2"
></i>
<a href="" class="font-bold text-2xl self-center text-green-500"
>BookMark</a
>
</div>

<!-- 글씨들 -->
<div class="flex w-1/4 justify-between">
<!-- 깃허브 레포 -->
<div id="github-repo" class="self-center w-full">
<a href="http://www.github.com/suminjeff">Github Repo.</a>
</div>

<!-- 회원가입/로그인 -->
<div class="flex gap-2">
<button
id="sign-up"
onclick="window.location.href='register.html'"
>
SignUp
</button>
<p class="self-center">|</p>
<button
id="sign-in"
onclick="window.location.href='register.html'"
>
SignIn
</button>
</div>
</div>
</nav>

<div id="main" class="grid grid-cols-5 gap-4 p-1 h-1/2">
<!-- 북마크 추가 창 -->
<div class="bg-gray-300 rounded p-3 h-screen">
<!-- URL 입력창 -->
<div class="w-full max-w-xs">
<input
id="text-input"
type="text"
class="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 sm:text-sm"
placeholder="URL을 입력하세요."
/>
</div>

<!-- 삭제 체크박스 -->
<div class="flex items-center mt-3 mb-6 ml-1">
<input
id="delete-check"
type="checkbox"
class="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded"
/>
<label
for="delete-check"
class="ml-2 block text-sm font-bold text-gray-900"
>이동 시 자동 삭제</label
>
</div>

<!-- 아이콘 -->
<div class="flex justify-end">
<div
class="w-12 h-10 rounded p-2 bg-gray-50 mx-3 flex justify-center cursor-pointer"
>
<!-- 새로 고침 -->
<i class="fa-solid fa-rotate-left text-2xl"></i>
</div>
<div
class="w-12 h-10 rounded p-2 bg-gray-50 mx-3 flex justify-center cursor-pointer"
>
<!-- 저장 -->
<i class="fa-regular fa-floppy-disk text-2xl"></i>
</div>
</div>

<div class="my-3">
<p class="text-center">There are no marks.</p>
</div>
</div>

<!-- Add Book 버튼 -->
<div class="mt-2">
<button
class="bg-gray-800 text-gray-50 p-3 rounded-lg w-1/2 pr-8"
>
+ Add Book
</button>
</div>
</div>
<!-- 푸터 -->
<footer class="border-t-2">
<p class="text-center text-gray-500">ⓒ Hanaro 2024</p>
</footer>
</body>
</html>
208 changes: 208 additions & 0 deletions 양지은/ex1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,208 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="output.css" rel="stylesheet" />
<script
src="https://kit.fontawesome.com/a41ebeca25.js"
crossorigin="anonymous"
></script>
<title>Index</title>
</head>
<body class="min-h-screen flex flex-col">
<nav class="flex justify-between border-b-2 h-16 px-8 py-2">
<!-- 로고 -->
<div
id="bookmark-logo"
class="flex justify-center bg-gray-100 rounded p-3"
>
<i
class="fa-solid fa-book-bookmark text-green-500 self-center mr-2"
></i>
<a href="" class="font-bold text-2xl self-center text-green-500"
>BookMark</a
>
</div>

<!-- 글씨들 -->
<div class="flex w-1/4 justify-between">
<!-- 깃허브 레포 -->
<div id="github-repo" class="self-center w-full">
<a href="http://www.github.com/suminjeff">Github Repo.</a>
</div>

<!-- 회원가입/로그인 -->
<div class="flex gap-2">
<button
id="sign-up"
onclick="window.location.href='register.html'"
>
SignUp
</button>
<p class="self-center">|</p>
<button
id="sign-in"
onclick="window.location.href='register.html'"
>
SignIn
</button>
</div>
</div>
</nav>

<div id="main" class="grid grid-cols-5 gap-4 p-1">

<div class="bg-gray-300 rounded p-3">
<!-- Bookmark -->
<div class="w-full max-w-xs mb-3">
<p class="text-xl font-bold text-center">
BookMark
</p>
</div>


<!-- 블록 네 개 -->

<!-- 55BookMark -->
<div
class="flex min-h-20 min-w-full p-3 cursor-pointer h-12 border-2 border-white mb-3 gap-3"
>
<img
src=""
alt="indiflex"
class="w-12 h-12 rounded"
/>
<div class="flex flex-col max-w-full overflow-hidden">
<p class="font-bold truncate">55BookMark</p>
<p class="truncate">55나만의 북마크나만의 북마크</p>
</div>
<i class="fa-solid fa-gear"></i>
</div>

<!-- 네이버 -->
<div
class="flex min-h-20 min-w-full p-3 cursor-pointer h-12 border-2 border-white mb-3 gap-3"
>
<img
src=""
alt="naver"
class="w-12 h-12 rounded"
/>
<div class="flex flex-col max-w-full overflow-hidden">
<p class="font-bold truncate">네이버</p>
<p class="truncate">
네이버 메인에서 다양한 정보를 만나보세요.
</p>
</div>
<i class="fa-solid fa-gear"></i>
</div>

<!-- 카카오 -->
<div
class="flex min-h-20 min-w-full p-3 cursor-pointer h-12 border-2 border-white mb-3 gap-3"
>
<img
src=""
alt="kakao"
class="w-12 h-12 rounded"
/>
<div class="flex flex-col max-w-full overflow-hidden">
<p class="font-bold truncate">Kakao</p>
<p class="truncate">
기술과 사람으로 더 나은 세상을 만드는 카카오 서비스 · 커뮤니케이션. 카카오톡다음
커뮤니케이션더보기새창열림 · 비즈니스. 카카오톡 채널카카오
클라우드 비즈니스더보기 · 일상편의.
</p>
</div>
<i class="fa-solid fa-gear"></i>
</div>

<!-- 유튜브 -->
<div
class="flex min-h-20 min-w-full p-3 cursor-pointer h-12 border-2 border-white mb-3 gap-3"
>
<img
src=""
alt="youtube"
class="w-12 h-12 rounded"
/>
<div class="flex flex-col max-w-full overflow-hidden">
<p class="font-bold truncate">Youtube</p>
<p class="truncate">
YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든
콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를
공유할 수 있습니다.
</p>
</div>
<i class="fa-solid fa-gear"></i>
</div>

<!-- Add Mark 버튼 -->
<div class="flex justify-end">
<button class="bg-gray-800 text-gray-50 p-3 rounded-lg w-1/2">
+ Add Mark
</button>
</div>
</div>

<!-- Study -->
<div class="bg-gray-300 rounded p-3">
<!-- Study -->
<div class="w-full max-w-xs mb-3">
<p class="text-xl font-bold text-center truncate">Study</p>
</div>

<!-- 블록 두 개 -->
<!-- tailwind -->
<div
class="flex min-h-20 min-w-full p-3 cursor-pointer h-12 border-2 border-white mb-3 gap-3"
>
<img
src=""
alt="tailwind"
class="w-12 h-12 rounded"
/>
<div class="flex flex-col max-w-full overflow-hidden">
<p class="font-bold">Tailwind CSS</p>
<p class="truncate">
Tailwind CSS is a utility-first CSS framework.
</p>
</div>
<i class="fa-solid fa-gear"></i>
</div>

<!-- nextjs -->
<div
class="flex min-h-20 min-w-full p-3 cursor-pointer h-12 border-2 border-white mb-3 gap-3"
>
<img
src=""
alt="nextjs"
class="w-12 h-12 rounded"
/>
<div class="flex flex-col max-w-full overflow-hidden">
<p class="font-bold">Create Next.js</p>
<p class="truncate">
Next.js is a utility-first CSS framework.
</p>
</div>
<i class="fa-solid fa-gear"></i>
</div>

<!-- Add Mark 버튼 -->
<div class="flex justify-end">
<button class="bg-gray-800 text-gray-50 p-3 rounded-lg w-1/2">
+ Add Mark
</button>
</div>
</div>
</div>
</div>

<!-- 푸터 -->
<footer class="border-t-2">
<p class="text-center text-gray-500">ⓒ Hanaro 2024</p>
</footer>
</body>
</html>
3 changes: 3 additions & 0 deletions 양지은/ex1/input.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
Loading