자바스크립트 비밀번호 암호화(SHA256)

# 자바스크립트를 이용한 비밀번호 암호화(SHA256 사용)

• 자바 스크립트를 이용한 비밀번호 암호화 방법.
• 암호화 시 SHA256 이용 ( 복호화 불가능)
• SHA256 확인 사이트 https://emn178.github.io/online-tools/sha256.html ( 복호화 불가능 )
• 예제(회원가입 시 비밀번호 

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

<h1>회원 가입</h1>
<div class="join-form-box">
	<form action="doJoin" method="POST" class="join-form form2"
		onsubmit="submitJoinForm(this); return false;">
		<input type="hidden" name="loginPwReal">
		<div class="form-row">
			<div class="label">비밀번호</div>
			<div class="input">
				<input type="password" name="loginPw" maxlength="20"
					placeholder="password 입력">
			</div>
		</div>
		<div class="form-row">
			<div class="label">비밀번호 확인</div>
			<div class="input">
				<input type="password" name="loginPwConfirm" maxlength="20"
					placeholder="password 확인 입력">
			</div>
		</div>
		<div class="form-row">
			<div class="input flex-jc-c">
				<button type="submit" value="완료">완료</button>
				<button type="button" value="취소" onClick="alert('회원가입이 취소되었습니다.')">
					<a href="/blog/s/home/main">취소</a>
				</button>
			</div>
		</div>
	</form>
</div>


<!-- 비밀번호 암호화 등 -->
<script	src="https://cdnjs.cloudflare.com/ajax/libs/js-sha256/0.9.0/sha256.min.js"></script>
<script>

	var joinFormSubmitted = false;

	function submitJoinForm(form) {
		if (joinFormSubmitted) {
			alert('처리 중입니다.');
			return;
		}

		form.loginPw.value = form.loginPw.value.trim();
		if (form.loginPw.value.length == 0) {
			alert('비밀번호를 입력해주세요.');
			form.loginPw.focus();

			return;
		}

		<!-- 입력된 비밀번호(loginPw)와 확인(loginPwConfirm) 일치하는지 체크 )-->
		form.loginPwConfirm.value = form.loginPwConfirm.value.trim();
		if (form.loginPwConfirm.value.length == 0) {
			alert('비밀번호를 입력해주세요.');
			form.loginPw.focus();

			return;
		}
		
		if (form.loginPwConfirm.value != form.loginPw.value ) {
			alert('로그인 비밀번호 확인이 일치하지 않습니다.');
			form.loginPwConfirm.focus();

			return;
		}
		
		<!-- 패스워드 함호화 -->
		form.loginPwReal.value = sha256(form.loginPw.value);
		form.loginPw.value = '';
		form.loginPwConfirm.value = form.loginPw.value;

		form.submit();
		joinFormSubmitted = true;
	}
    
</script>