Skip to content

박소영 3주차 실습 과제 제출합니다 #7

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
P-Soyoung wants to merge 2 commits into
base: main
Choose a base branch
from
Open

박소영 3주차 실습 과제 제출합니다 #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a561322
박소영 3주차 실습 과제 제출합니다
P-Soyoung Apr 30, 2024
f55b6ee
3주차 실습과제 수정본
P-Soyoung Apr 30, 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
33 changes: 33 additions & 0 deletions home.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
body {
background-color: beige;
display: flex;
flex-direction: column; /* 세로 방향 */
justify-content: center; /* 수평 가운데 정렬 */
align-items: center; /* 수직 가운데 정렬 */
height: 100vh; /* 화면 전체 높이에 맞춤 */
margin: 0; /* margin 제거 */
}

h1 {
text-align: center;
top: 10px;

}

#join{
background-color: rgb(249, 229, 229);
font-size: large;
text-align: center;
border-radius: 10px; /* 버튼 테두리 둥글게 */
padding: 9px; /* 버튼 크기 키우기 */
width: 300px; /* 버튼의 고정된 너비 */
}

#login{
background-color: rgb(249, 229, 229);
font-size: large;
border-radius: 10px; /* 버튼 테두리 둥글게 */
padding: 9px; /* 버튼 크기 키우기 */
width: 300px; /* 버튼의 고정된 너비 */

}
17 changes: 17 additions & 0 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>홈페이지</title>
<link rel="stylesheet" href="home.css"></link>
</head>
<body>
<h1>홈페이지</h1>
<br>
<div id = 'hompage'> <!--회원가입 버튼 -->
<input id= "join" type="button" value="회원가입 하기" onclick="location.href = 'join_membership.html'">
<input id = "login" type = "button" value = "로그인 하기" onclick="location.href = 'login.html'">
</div>
<script src="home.js"></script> <!--.js연결-->
</body>
</html>
48 changes: 48 additions & 0 deletions join_membership.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
body {
margin: 0; /* margin 제거 */
background-color: beige;
}

nav {
text-align: right;
}

.center {
display: flex; /* flex 박스 사용 */
flex-direction: column; /* 세로 방향 */
justify-content: center; /* 수평 가운데 정렬 */
align-items: center; /* 수직 가운데 정렬 */
height: 100vh; /* 화면 전체 높이에 맞춤 */

}

#id_new, #pw_new, #pw_c {
height: 4vh;
width: 50vw;
border-radius: 10px;

}

#major_new {
height: 4vh;
width: 50vw;
border-radius: 10px;
}

#signup {
background-color: rgb(249, 229, 229);
font-size: large;
border-radius: 10px; /* 버튼 테두리 둥글게 */
padding: 3px; /* 버튼 크기 키우기 */
width: 200px; /* 버튼의 고정된 너비 */
}

#cancel {
background-color: rgb(249, 229, 229);
font-size: large;
border-radius: 10px; /* 버튼 테두리 둥글게 */
padding: 3px; /* 버튼 크기 키우기 */
width: 200px; /* 버튼의 고정된 너비 */

}

40 changes: 40 additions & 0 deletions join_membership.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>회원가입 페이지</title>
<link rel="stylesheet" href="join_membership.css"></link>
</head>
<body>
<nav class="nav_bar">
<div class="signin_link">
<a href = "login.html">로그인 페이지 이동</a>
</div>
</nav>
<div class = 'center'>
<h1>회원가입 페이지</h1>
<div class = "id">
아이디: <input id="id_new" type="text" placeholder="아이디 입력">
</div>
<br>
<div class = 'pw'>
비밀번호: <input id="pw_new" type="password" placeholder="비밀번호 입력">
</div>
<br>
<div class="pw_confirm">
비밀번호 확인: <input id="pw_c" type="password" placeholder="비밀번호 확인">
</div>
<br>
<div class = "major">
학번: <input id="major_new" type="text" placeholder="학번 입력">
</div>
<br>
<div class = "sign_button">
<input id = "signup" type="button" value="회원가입">
<input id = "cancel" type="button" value="회원가입 취소" onclick="location.href = 'login.html'">
</div>
</div>


</body>
</html>
40 changes: 40 additions & 0 deletions login.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
body {
margin: 0;
background-color: beige;

}

nav {
text-align: right;
}

.center_m {

display: flex;
flex-direction: column; /* 세로 방향 */
justify-content: center; /* 수평 가운데 정렬 */
align-items: center; /* 수직 가운데 정렬 */
height: 100vh; /* 화면 전체 높이에 맞춤 */

}

#id_input {
height: 4vh;
width: 50vw;
border-radius: 10px;

}

#pw_input {
height: 4vh;
width: 50vw;
border-radius: 10px;
}

#ok {
background-color: rgb(249, 229, 229);
font-size: large;
border-radius: 10px; /* 버튼 테두리 둥글게 */
padding: 2px; /* 버튼 크기 키우기 */
width: 100px; /* 버튼의 고정된 너비 */
}
27 changes: 27 additions & 0 deletions login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>로그인 페이지</title>
<link rel="stylesheet" href="login.css"></link>
</head>
<body>
<nav class="nav_bar">
<div class="signup_link">
<a href = "join_membership.html">회원가입 페이지 이동</a>
</div>
</nav>
<div class = "center_m">
<h1>로그인</h1>
<div class = "id">
아이디: <input id="id_input" type="text" placeholder="아이디를 입력해 주세요">
</div>
<br>
<div class = 'pw'>
비밀번호: <input id="pw_input" type="password" placeholder="비밀번호를 입력해 주세요">
</div>
<br>
<input id = "ok" type="button" value="로그인">
</div>
</body>
</html>