Dev다D

Web Server는 회원을 세션 아이디로 구분할 수 있다. (세션이란? 실시간 접속한 회원에 할당해주는 고유 아이디) 로그인을 성공했을 경우 세션 아이디를 부여하는 것으로 세션관리가 시작된다. 또한, 로그아웃했을 경우 세션 아이디를 해지해야 한다. 1. loginAction와 joinAction에서 각각 로그인에 성공한 회원에게 세션을 부여한다. session.setAttribute("userID", user.getUserID()); 2. 할당된 세션을 다시 해지해주는 페이지를 만들어야한다. (logoutAction) logoutAction.jsp 3. joinAction과 loginAction에 로그인한 계정은 다시 로그인할 수 없도록 조건을 준다. String userID = null; if(ses..

회원가입 기능은 UserDAO에 함수를 추가하면 된다. 추가하는 함수는 아래와 같다. public int join(User user) { String SQL = "INSERT INTO USER VALUES (?, ?, ?, ?, ?)"; try { pstmt=conn.prepareStatement(SQL); pstmt.setString(1, user.getUserID()); pstmt.setString(2, user.getUserPassword()); pstmt.setString(3, user.getUserName()); pstmt.setString(4, user.getUserGender()); pstmt.setString(5, user.getUserEmail()); return pstmt.execute..

만들었던 login.jsp 소스를 복사해서 join.jsp에서 사용한다. 네비게이션 부분은 수정하지 않고 회원가입 양식을 추가한다. join.jsp 회원가입 화면 남자 여자

JSP에서 회원 데이터베이스 테이블로 접근할 수 있도록 DAO를 만들어줘야한다. (DAO란? 데이터베이스에서 회원 정보를 불러오거나 정보를 저장할 때 사용한다.) UserDAO.java package user; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; public class UserDAO { private Connection conn; private PreparedStatement pstmt; private ResultSet rs; public UserDAO() { try { String dbURL = "jdbc:mysql://lo..

데이터베이스는 Mysql을 사용한다. 아래와 같이 데이터베이스 테이블을 생성한다. 회원 데이터를 다룰 수 있는 데이터베이스 및 자바 빈즈 생성한다. User.java 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() {..

디자인은 기본적으로 부트스트랩을 사용하기로 했다. 부트스트랩은 화면 해상도에 따라서 디자인이 변경된다. (PC, 모바일 등 따로 구축할 필요가 없다.) 프로젝트를 진행하다 시간적 여유가 있으면 CSS 연습을 하며 변경할 예정이다. login.jsp 따릉이는 처음이라 메인 게시판 접속하기 로그인 회원가입 로그인 화면

jQuery 🌀 [jQuery 활용하기] 03. jQuery 2 03. 스크롤 1 04. 스크롤 2 05. each 06. 홀짝 Mini Project 🖥️ [JSP 게시판 만들기] 02. 회원 데이터베이스 구축하기 03. 로그인 기능 구현하기 04. 회원가입 페이지 디자인 05. 회원가입 기능 구현하기 06. 접속한 회원 세션 관리하기 07. 게시판 메인 페이지 디자인 08. 게시판 데이터베이스 구축하기 09. 글쓰기 기능 구현하기 10. 게시판 글 목록 기능 구현하기 11. 게시글 보기 기능 구현하기 12. 게시글 수정 및 삭제 기능 구현하기 GitHub 🐸 Study 🛠 [주간 필수 미션] 01. 코뮤니티 카페 활동 후기 02. 내가 좋아하는 언어(or알고리즘)로 문제 만들기 [게릴라 미션] 01...

Furniture Shop '가구계의 아마존', Furniture Shop이 블랙 프라이데이를 맞아 할인 쿠폰을 제공하려고 합니다. '쿠폰 받기' 버튼을 누르면 팝업이 1초 이내에 부드럽게 나타나고, '확인' 버튼 또는 키보드의 esc 키를 누르면 팝업이 1초 이내에 부드럽게 없어져야 합니다. SHOP CART LOGIN 블랙 프라이데이 슈퍼 세일 최대 50% 할인의 혜택을 받아보세요! 쿠폰 받기 다운 완료! 내 쿠폰함에서 확인하세요! 확인 * { box-sizing: border-box; } body { margin: 0; min-width: 992px; font-family: "Helvetica"; } /* navbar */ .navbar { height: 75px; padding-left: 30px..

jQuery 🌀[jQuery 활용하기] 02. 이벤트01. 이벤트 객체 들여다보기02. 이벤트 객체 파라미터?03. 코드 줄이기04. 다양한 이벤트 정리05. $(document).ready, 그리고 익명 함수 [jQuery 활용하기] 03. jQuery 201. 요소 숨기기, 보여주기02. Furniture Shop Mini Project 🖥️[JSP 게시판 만들기] 01. Hellow World!02. 로그인 페이지 디자인 GitHub 🐸 주말에 푹 쉬고 저녁부터 공부를 시작했다. 기분 좋게 jQuery 강의와 실습을 하고 2021년도 일요일 두 번째 커밋을 완성해서 기분이 좋았다.. 그러나, Mini Project를 진행하는 와중에 생각지도 못한 복병이 나를 힘들게 했다... tomcat 너란 자식..

깨깨오톡 주어진 HTML/CSS 코드를 분석한 후, 자바스크립트로 아래의 조건들을 따라서 기능을 추가해주세요: 메시지를 입력하고 '전송' 버튼을 클릭하면 새로운 말풍선이 생깁니다. 친구가 보낸 말풍선은 .friend-bubble 클래스를 갖고 있지만, 내가 보낸 말풍선은 .my-bubble 클래스를 갖고 있습니다. 메시지가 전송되면 는 다시 빈 칸이 됩니다. 가 비어 있으면 메시지는 보내지지 않습니다. siri 잘 지내? 자니? 전송 * { box-sizing: border-box; } body { background-image: url('background.jpg'); font-family: 'Noto Sans KR', sans-serif; } .chat-container { margin: 60px a..