Page 24 -
P. 24
37.1.2 가입 화면 만들기
main.html의 내용을 지우고 다음과 같이 작성하자.
~/Projects/customLogin/client/main.html
<head>
<title>customLogin</title>
</head>
<body>
</body>
<template name="customSignUp">
</template>
body에 customSignUp 템플릿을 삽입 선언하자.
~/Projects/customLogin/client/main.html
...생략...
<body>
{{> customSignUp}}
</body>
...생략... 37
main.js 파일의 내용은 모두 지운다. 즉, 내용이 없는 빈 파일로 만들자. 로그인 구현하기
37.1.3 회원 등록 화면 만들기
main.html에는 다음과 같이 가입 화면을 위한 템플릿을 정의한다.
~/Projects/customLogin/client/main.html
...생략...
<template name="customSignUp">
<div>
<p><input type="text" name="username" placeholder="아이디"></p>
<p><input type="text" name="email" placeholder="메일"></p>
<p><input type="text" name="name" placeholder="이름"></p>
<p><input type="password" name="password" placeholder="패스워드"></p>
<p><input type="password" name="password2" placeholder="패스워드체크"></p>
547
