🔥 #4 회원가입/로그인 화면 만들기

회원가입/로그인 폼

먼저 경로 구성!

로그인과 회원가입 폼은 거의 비슷하게 구성하면 된다~!
로그인에 이메일 쓰는 부분만 없는 정도?!

그리고 모든 jsp 파일에서 공통으로 쓰는 header와 footer 부분을 분리했더니 코드가 훨씬 간결해지고 깔끔해졌다!!

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<%@ include file="../layout/header.jsp"%>

<div class="container">

    <form action="/action_page.php">
        <div class="form-group">
            <label for="username">Username</label>
            <input type="text" class="form-control" placeholder="Enter username" id="username">
        </div>
        <div class="form-group">
            <label for="email">Email</label>
            <input type="email" class="form-control" placeholder="Enter email" id="email">
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input type="password" class="form-control" placeholder="Enter password" id="password">
        </div>
        <button type="submit" class="btn btn-primary">회원가입하기</button>
    </form>

</div>

<%@ include file="../layout/footer.jsp"%>

위에는 회원가입 코드이고, 여기서 Email의 div 부분만 빼면 로그인이 된다!!

추후에 하나씩 더 추가할 거지만 우선 구현 완료!!