- 접속한 회원 세션 관리하기 - 로그인 및 회원가입 을 할때 userID로 세션 관리를 해줍니다. ↑login.jsp파일에 빨간 부분을 추가해주도록 합니다. ↑join.jsp부분에도 똑같이 위와같은 세션관리 하는 부분을 추가해 주도록 합니다. 이제 이러한 세션처리를 이용하여 로그아웃 페이지를 만들어 주도록 하겠습니다. 이렇게 파일을 추가 해주시구요 이렇게 위와 같이 해주도록 합니다. 로그인 한 회원들은 모두 세션 id를 부여 받기 때문에 로그인 여부를 확인 할 수 있게됩니다. 따라서 이제 로그인한 회원들은 로그인과 회원가입에 접속이 안되도록 해주어야 합니다. loginaction.jsp 부분에 빨간색으로 된 부분을 추가해주도록 합니다. 이렇게 해주어야 user아이디가 이미 존재 할 경우에 로그인 처리가..
- 회원가입 기능 구현하기 - join.jsp를 이전 페이지에선 만들었는데, join.jsp 다음 페이지를 한번 만들어 보도록 해보겟습니다. 이렇게 joinAction.jsp파일을 추가 해주시구요. 이렇게 추가를 해주시면 됩니다. 회원가입 화면에서 데이터를 미입력 시 이렇게 입력이 안 된 사항이 있습니다. 라는 문구가 나오게 됩니다. 또 다르게 회원가입이 정상적으로 되었을 경우 이렇게 main.jsp로 넘어 가게 됩니다. 오류가 아니라 아직 main.jsp를 만들어 주지 않았기 때문에 발생하는 404에러입니다. https://alisyabob.tistory.com/ JSP 게시판 만들기 CHAPTER 7 (자바스크립트) - 접속한 회원 세션 관리 - 접속한 회원 세션 관리하기 - 로그인 및 회원가입 을 ..
JSP 게시판 만들기 CHAPTER 5 (자바스크립트) - 회원가입 페이지 디자인 - 이제 로그인 화면과 동일한 회원가입 화면도 구현을 해보도록 합니다. 우선 login.jsp라고 되어있는 파일을 복사를 하여 join.jsp라는 이름으로 새로 하나 더 만들어 줍니다. 이렇게 join.jsp라는 파일을 만들어 주시구요 JSP 게시판 메인 게시판 접속 로그인 회원가입 회원가입 화면 남자 여자 회원 가입 폼 부분을 바꾸어 주도록 합니다. 이렇게 회원가입이 구현이 되게 됩니다. https://alisyabob.tistory.com JSP 게시판 만들기 CHAPTER 6 (자바스크립트) - 회원가입 기능 구현 - 회원가입 기능 구현하기 - join.jsp를 이전 페이지에선 만들었는데, join.jsp 다음 페이지..
- 로그인 기능 구현해주기 - JSP에서 회원 데이터베이스에 접근을 할 수 있게 DAO를 만들어 주겟습니다. 이렇게 UserDAO.java 클래스를 만들어 주도록 합니다. package user; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; public class UserDAO { //dao란 데이터베이스 접근 객체 Data Access Object 로 db에서 회원정보를 불러오거나 넣을 때 사용한다. private Connection conn; // db에 접근 할 수 있게 해준다. private PreparedStatement ps..
JSP 게시판 만들기 CHAPTER 3 (자바스크립트) - 회원 데이터베이스(DB) 구축하기 - 회원 정보를 관리 할 수 있는 데이터베이스를 만들기 위해 ORACLE, MYSQL, MSSQL 등 많은 것들이 있는데 MYSQL이란 데이터 베이스를 사용을 하겠습니다. https://dev.mysql.com/downloads/mysql/ MySQL :: Download MySQL Community Server Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Debian Linux SUSE Linux Enterprise Server Red Hat Enterprise Linux / Oracle Linux Fedora ..
JSP 게시판 만들기 CHAPTER 2 (자바스크립트) -로그인 페이지 만들기- 원래 index.jsp란 파일은 모든 홈페이지의 메인이며, 이제 index.jsp라는 파일을 실행 하였을때 login.jsp라는 로그인 화면으로 이동 할 수 있게 script문을 사용하여 경로를 만들어 줍니다. 이후에 login.jsp라는 파일을 만들어 주도록 합니다. 홈페이지를 만들때는 디자인 부터 하는 경우가 많기에 디자인 부터 해줍니다. 디자인 프레임 워크인 부트스트랩을 사용 하겠습니다. HTML, CSS, JS를 전부 제공 하기때문에 간편하고 좋습니다. www.getbootstrap.com Bootstrap The most popular HTML, CSS, and JS library in the world. getbo..
마이플랫폼 자바스크립트 #include "javascript::common.js"; function form_OnLoadCompleted(obj) { fsp_init(); //fsp기본환경 및 실행 } /******************************************************************************* 조회 ********************************************************************************/ function Button_OnClick(obj) { var id = Edit0.value; ds_search.SetColumn(0, "ID", id); var pw = Edit1.value; ds_search...
로그인시 DB에 데이터 존재 여부를 확인하여 아이디가 없다 or 비밀번호가 없다 or 일치하지 않는다. 라고 alter 메세지가 뜨게된다. 회원가입 화면도 구현 하였는데 데이터를 전부 입력시 mysql에 데이터가 넘어가고 로그인이 가능해 진다.
아래는 이클립스에서 만든 화면이고 위 화면은 크롬에서 실행시켰을때의 화면이며 보시는 바와 같이 반응형 웹이다. 소스는 보시는 바와 같다. 만들면서 간단하게 적어본 것 ************************************************************************************** -디자인을 위해서 getbootstrap 로그인 창을 만들기 위해 login.jsp 만들기 인코딩 설정을 UTF-8로 바꾼다. -최근에 가장많이 사용하기 때문에 이걸로 바꿔줌 nav 네비게이션은 하나의 웹사이트의 전반적인 구조 icon-bar 하나의 작대기 오른쪽 상단의 목록같이 생긴거 aria-expanded="false">접속하기 하나의 아이콘 같은거 method ="post" 포스트..
eclipse와 톰캣 크리고 자바 jdk를 설치 해주었다. 먼저 자바 jdk를 오라클에서 설치후 환경변수 설정을 해준다. 톰캣을 설치하고 이렇게 실행을 시켜준다. 그리고 이클립스를 다운받고 dynamic web project를 만들어준다. 가장 기본적으로 Hello World를 띄워보도록 하자. 톰캣 v8.5를 선택하고 finish를 누르면 된다. 이런식으로 Hello World!가 출력이 된다. **혹시나 포트관련 에러가뜰수 있는데 (다른프로그램이 이미 사용중일경우 뜨게됨 ex)SQL?) 포트 번호를 수정해주면된다. 저기 서버로 들어가서 포트 번호를 수정만 해주면 된다! 참고로 index란 가장 처음에 띄워지는 화면 예시화면 주소창을 보면 index.html이라고 되어있다.