블로그 만들기 4. 회원가입 구현 : joinForm → join으로 이동하기

1. View 파일 확인하기

• joinForm.mustache 파일에서 input name값, action, method 확인하기

{{> /layout/header}}

<div class="container p-5">

    <!-- 요청을 하면 localhost:8080/join POST로 요청됨
    username=사용자입력값&password=사용자값&email=사용자입력값 -->

    <div class="card">
        <div class="card-header"><b>회원가입을 해주세요</b></div>
        <div class="card-body">
            <form action="/join" method="post" enctype="application/x-www-form-urlencoded">
                <div class="mb-3">
                    <input type="text" class="form-control" placeholder="Enter username" name="username">
                </div>
                <div class="mb-3">
                    <input type="password" class="form-control" placeholder="Enter password" name="password">
                </div>
                <div class="mb-3">
                    <input type="email" class="form-control" placeholder="Enter email" name="email">
                </div>
                <button type="submit" class="btn btn-primary form-control">회원가입</button>
            </form>
        </div>
    </div>
</div>

{{> /layout/footer}}

• submit : 버튼이랑 달리 액션을 발동시키는 것

• name이라는 키 값이 없으면 null

• submit은 버튼이랑 달리 액션을 발동시키는 것 : 해당 주소로 통신 요청을 하는것

2. 리다이렉트(Redirect) 확인하기

• 장점 : 또 안 만들어도 됨 / 재사용 가능

• 과정