로그인-1

MVC패턴으로 로그인 페이지 구현하기

우선 java와 js로 로그인 웹 통신 구현 및 로그인 페이지 작성을 해보았습니다.

통신을 위한 서버 세팅

node.js port : 3000

"use strict";

const express = require("express");
const app = express();
const home = require("./routes/home")


app.set("views","./views");
app.set("view engine","ejs");
app.use("/",home);

app.listen(3000,function (){
   console.log("서버가동");
});

spring boot port : 3001

application.properties에 포트 설정 가능

server.port=3001

웹페이지 구현은 간단히 id password 입력과 로그인 버튼만 생성(ejs를 사용)

<form name="login">
    <p>
        Username<input type="text" name="userId"/>
    </p>
    <p>
        Password<input type="password" name="userPassword"/>
    </p>
    <div>
        <input type="button" onclick="check(this.form)" value="Login"/>
    </div>
</form>