반응형

2020/01/16 - [JSP 게시판 만들기] - JSP 게시판 만들기 #2 로그인 기능

 

JSP 게시판 만들기 #2 로그인 기능

2020/01/16 - [JSP 게시판 만들기] - JSP 게시판 만들기 #1 JSP 게시판 만들기 #1 이클립스 내에서 Dynamic Web Project 를 만들어 줍니다. 그리고 WEB-INF 내에 index.jsp를 만들어 줍니다. WebContent내에 우리..

windorsky.tistory.com

혹시 MySQL이 설치가 안되어 있다면 아래를 참고해주세요.

2020/01/16 - [IT Q_A] - MySQL DOWNLOAD / INSTALL

 

MySQL DOWNLOAD / INSTALL

1. 구글에서 MySQL을 검색합니다 2. 아래에 MySQL Community Downloads를 클릭합니다. 3. MySQL Community Server 을 클릭합니다. 4. 자신의 운영체에 맞게 다운로드 합니다. 용량이 많은게 바로 설치를 진행하..

windorsky.tistory.com

 

 

MySQL Command Line Clinet 를 클릭해 줍니다.

그럼 

창이 나타나는데

비밀번호를 입력해주고 enter

테이블을 만듭니다.

userID는 중복이 되면 안되기 때문에 PRIMARY KEY를 입력해줍니다.

show tables; 를 입력하시면

우리가 가지고 있는 테이블을 보여주고

desc user; 을 입력하면

우리가 만든 user 테이블 안에 어떤 속성들이 들어가 있는지 알 수 있습니다.

insert into user values를 통해 user table 안에 내용을 채워주고

commit; 를 해줍니다.

 

이제 java resource 패키내에 src 패키지 내에 user라는 패키지를 만들어 주고

user라는 클래스를 하나 만들어 주겠습니다.

User 클래스 내에는 좀 전에 만들었던 데이터베이스의 내용들로 코딩하겠습니다.

package user;

public class User {
	private String userID;
	private String userPassword;
	private String userName;
	private String userGender;
	private String userEmail;
	
	public String getUserID() {
		return userID;
	}
	public void setUserID(String userID) {
		this.userID = userID;
	}
	public String getUserPassword() {
		return userPassword;
	}
	public void setUserPassword(String userPassword) {
		this.userPassword = userPassword;
	}
	public String getUserName() {
		return userName;
	}
	public void setUserName(String userName) {
		this.userName = userName;
	}
	public String getUserGender() {
		return userGender;
	}
	public void setUserGender(String userGender) {
		this.userGender = userGender;
	}
	public String getUserEmail() {
		return userEmail;
	}
	public void setUserEmail(String userEmail) {
		this.userEmail = userEmail;
	}
	
	
	
}

 

한명의 회원데이터를 다룰수 있는 데이터 베이스 및 자바 빈즈가 완성되었습니다.

 

반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

1. 구글에서 MySQL을 검색합니다

2. 아래에 MySQL Community Downloads를 클릭합니다.

3. MySQL Community Server 을 클릭합니다.

4. 자신의 운영체에 맞게 다운로드 합니다.

용량이 많은게 바로 설치를 진행하게 해주는 것입니다.

다운을 받으신 후 설치를 하겠습니다.

execute를 눌러 진행해 줍니다.

쭉쭉 진행해 줍니다

기본형을 설치해주겠습니다.

포트 번호도 mysql의 기본 포트 번호인 3306을 사용하도록 하겠습니다.

next 하시면 비밀번호를 입력하라고 나오는데 입력해 주세요

쭉쭉 next하고 execute 하고 finish를 눌러주겠습니다.

비밀번호를 입력하시고 Check하시면 Next버튼이 활성화 됩니다.

execute를 눌러 설치를 해주시고

 넥스르 넥스트...

workbench나 shell은 지금은 사용 안할거여서 체크를 해제해주시고 Finish합니다.

그럼 mysql이 설치됬었습니다.

 

 

 

 

 

 

 

 

 

반응형

'2020 > IT Q_A' 카테고리의 다른 글

ERROR 1406 (3D000): No database selected  (0) 2020.01.17
eclipse mysql 연동  (0) 2020.01.16
location.href / location.replace 의 기능과 차이점  (0) 2020.01.16
jquery 버전 확인  (0) 2020.01.16
tomcat download & install  (0) 2020.01.16
블로그 이미지

꽃꽂이하는개발자

,
반응형

2020/01/16 - [JSP 게시판 만들기] - JSP 게시판 만들기 #1

 

JSP 게시판 만들기 #1

이클립스 내에서 Dynamic Web Project 를 만들어 줍니다. 그리고 WEB-INF 내에 index.jsp를 만들어 줍니다. WebContent내에 우리가 사용할 bootstrap을 넣어줍니다. zip파일을 다운받고 압축을 푼 후에 css, fon..

windorsky.tistory.com

 

이전 글에 이어서 이번에는 로그인 기능을 만들어 보겠습니다.

우선 index.jsp에 아래처럼코딩해 줍니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Rodin</title>
</head>
<body>
	<script>
		location.href="login.jsp";
	</script>
</body>
</html>

location.href 는 객체의 속성으로 페이지를 이동하는 것이기 때문에 뒤로가기 버튼을 누른경우 이전 페이지로 이동이 가능합니다.

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width", initial-scale="1">
<link rel="stylesheet" href="css/bootstrap.css">
<title>Rodin login</title>
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
			data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
			aria-expanded="false">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="main.jsp">Rodin Web Site</a>
		</div>
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li><a href="main.jsp">메인</a></li>
				<li><a href="font.jsp">포스터 분석</a></li>
				<li><a href="posterCategory.jsp">포스터 카테고리</a></li>
				<li><a href="analisys.jsp">통계</a></li>
				<li><a href="bbs.jsp">게시판</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown">
					<a href="#" class="dropdown-toggle"	role="button" aria-haspopup="true" data-toggle="dropdown" 
					aria-expanded="false">접속하기<span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li class="active"><a href="login.jsp">로그인</a></li>
						<li><a href="join.jsp">회원가입</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</nav>
	<div class="container">
		<div class="col-lg-4"></div>
		
		<div class="col-lg-4">
			<div class="jumbotron" style="padding-top: 20px;">
				<form method="post" action="loginAction.jsp">
					<h3 style="text-align: center;">로그인 화면</h3>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="아이디" name="userID" maxlength="20">
					</div>
					<div class="form-group">
						<input type="password" class="form-control" placeholder="비밀번호" name="userPassword" maxlength="20">
					</div>
					<input type="submit" class="btn btn-primary form-control" value="로그인">
				</form>
		</div>
	</div>

<script
  src="https://code.jquery.com/jquery-1.11.3.js"
  integrity="sha256-IGWuzKD7mwVnNY01LtXxq3L84Tm/RJtNCYBfXZw3Je0="
  crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>

실행해 보겠습니다.

 

반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

location.href 와 location.replace를 알아보자

location.href는 객체의 속성이며

location.replace()는 메서드(함수)로 작동된다.

 


location.href='이동할 페이지.jsp';

location.replace('이동할 페이지.jsp');

 

location.href와 차이점은 URL이 히스토리에 기록이 되느냐 안되느냐의 차이입니다.

location.replace() 히스토리에 현재 페이지의 URL이 기록되지 않아서 이동 후 뒤로가기가 불가능합니다.

l

 

 

 

 

참조:

https://yiuse78.blog.me/50100213667

 

 

반응형

'2020 > IT Q_A' 카테고리의 다른 글

eclipse mysql 연동  (0) 2020.01.16
MySQL DOWNLOAD / INSTALL  (0) 2020.01.16
jquery 버전 확인  (0) 2020.01.16
tomcat download & install  (0) 2020.01.16
jdk설치 및 환경변수 설정  (0) 2020.01.16
블로그 이미지

꽃꽂이하는개발자

,

jquery 버전 확인

2020/IT Q_A 2020. 1. 16. 16:21
반응형

1. jquery.com 홈페이지에 접속

 

2. 홈페이지에서 개발자도구 (f12)를 누르고 command tap 클릭

 

3. command 에서 $().jquery 또는 jQuery.fn.jquery 입력

 

 

이렇게 버전확인이 가능합니다.^^

반응형

'2020 > IT Q_A' 카테고리의 다른 글

MySQL DOWNLOAD / INSTALL  (0) 2020.01.16
location.href / location.replace 의 기능과 차이점  (0) 2020.01.16
tomcat download & install  (0) 2020.01.16
jdk설치 및 환경변수 설정  (0) 2020.01.16
Maven Download & install  (0) 2020.01.15
블로그 이미지

꽃꽂이하는개발자

,
반응형

이클립스 내에서

Dynamic Web Project 를 만들어 줍니다.

그리고 WEB-INF 내에 index.jsp를 만들어 줍니다.

WebContent내에 우리가 사용할 bootstrap을 넣어줍니다.

bootstrap-3.3.7-dist.zip
0.35MB

zip파일을 다운받고 압축을 푼 후에 css, fonts, js 폴더를 Webcontent 안에 넣어 주겠습니다.

index.jsp 에 hello world!를 넣어줍니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Rodin</title>
</head>
<body>
	Hello world!!
</body>
</html>

탐캣 서버를 실행하게 되면 브라우저가 열리면서 hello world!가 표시 되는걸 알 수 있습니다.

실행을 못하거나 탐캣서버가 연결이 안되어 있다면

2020/01/16 - [IT Q_A] - tomcat download & install

 

tomcat download & install

구글에서 tomcat 을 검색합니다 Download 자신의 운영체제에 맞게 다운로드 해 줍니다. 저는 64-bit windows zip를 다운받았습니다. 다운을 받으신 후 압축을 해제합니다. 이제 탐캣 서버를 실행해보겠습니다...

windorsky.tistory.com

확인해 주시면 감사하겠습니다.

다음 글부터 로그인 페이지와 다양한 기능들을 넣어 보도록 하겠습니다.

반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

구글에서 tomcat 을 검색합니다

Download

자신의 운영체제에 맞게 다운로드 해 줍니다.

저는 64-bit windows zip를 다운받았습니다.

다운을 받으신 후

압축을 해제합니다.

 

이제 탐캣 서버를 실행해보겠습니다.

탐캣 폴더의 bin폴더로 들어가면 startup를 실행해 보겠습니다.

 

위의 경로 주소를 복사하고 (D:\JSP\apache-tomcat-8.5.50\bin)

 

cmd 창을 관리자 권한으로 열어줍니다.

 

 

탐캣 폴더로 간 다음에

startup.bat을 입력하시고 실행시켜 줍니다 그럼 새로운 cmd창이 열리면서 서버가 실행됩니다.

이때 새로운 cmd창을 종료하시면 서버도 꺼집니다.

 

브라우저 창에 http://localhost:8080을 입력해 주시면 웹 서버가 띄워집니다.

그런데 항상 서버를 실행시킬 때마다 이렇게 해주면 번거로운 점이 많습니다.

그 점을 보완해주기 위해서 eclipse를 사용합니다.

google에서 eclipse를 검색하시고

eclipse 홈페이지로 들어가서 eclipse를 다운받아 줍니다.

그 후에 실행하시면

jsp 개발환경이라고 할 수 있는 Eclipse IDE for Java EE Developers를 클릭해 줍니다.

 

그 후에 eclipse를 실행시키시고

새로운 프로젝트를 만들어 줍니다

프로젝트 창에서 마우스 오른쪽 클릭 후 

new - other -dynamic webproject를 검색하시고 

Target runtime에 None일겁니다.

그럼 New Runtime을 눌러

조금 전 압축을 풀었던 버전을 클릭해 줍니다.

NEXT를 눌러주면 아래와 같은 창이 뜨게되는데

비어있는 창에 D:\JSP\apache-tomcat-8.5.50 (저의 경우임) 를 넣어 경로를 설정해 줍니다.

그러면 탐캣 세팅이 되고 프로젝트를 만들어 줍니다.

 

반응형

'2020 > IT Q_A' 카테고리의 다른 글

location.href / location.replace 의 기능과 차이점  (0) 2020.01.16
jquery 버전 확인  (0) 2020.01.16
jdk설치 및 환경변수 설정  (0) 2020.01.16
Maven Download & install  (0) 2020.01.15
메이븐(maven)이란?  (0) 2020.01.14
블로그 이미지

꽃꽂이하는개발자

,
반응형

  구글에서 jdk download 를 입력하시면

 

검색하시고 Java SE Development Kit 8을 클릭해 줍니다.

들어오시면 아래와 같은 창이 보이게 되는데 라이센스에 클릭해주시고 자신의 운영체제에 맞는 jdk를 다운로드 해 줍니다.

저는 윈도우 64비트라서 64비트를 다운 받습니다.

다운 받으신 후 설치를 하고 환경변수를 설정해 주겠습니다.

 

시스템 -> 고급시스템설정 -> 고급 탭 -> 환경 변수를 클릭해 줍니다.

 

편집을 누르고 

변수 값에 jdk 경로를 적어줍니다.

저는 아래의 경로에 있기에 복사해서 붙여 넣어줬습니다.

그 후 시스템 변수에서 Path변수를 클릭후 편집을 클릭합니다.

 

그 후에 

새로 만들기 클릭 후  앞에서 JAVA_HOME 만들어 주었죠?

%JAVA_HOME%\bin 을 d만들어 줍니다.

물론 아래의 변수값에 \bin 을 포함하여 만들어 주셔도 됩니다.

 

그 후에 cmd 창을 열고

javac를 입력해 줍니다.

위와 같이 자바와 관련된 각종 명령어들이 나오게 되는데 이것이 나와야 환경변수가 잘 되었다는 것입니다.

만약 위와 같이 안나오게 되면 자신이 설정한 환경변수를 다시 한번 확인해 보시길 바랍니다.

 

 

반응형

'2020 > IT Q_A' 카테고리의 다른 글

jquery 버전 확인  (0) 2020.01.16
tomcat download & install  (0) 2020.01.16
Maven Download & install  (0) 2020.01.15
메이븐(maven)이란?  (0) 2020.01.14
spring prefix / suffix 알아보기  (0) 2020.01.08
블로그 이미지

꽃꽂이하는개발자

,