💻 <!-- dev -->

[10/30] 회원가입 디테일 잡기

😱 이메일 중복 확인 😱 메일 최대 길이 30자 제한 😱 닉네임 중복 확인 이메일 중복 확인 참고하여 설정 닉네임 2~10자 제한 회원가입 폼에서 중복확인 버튼을 눌렀을 때 진행되는 이벤트이기 때문에 onclick 속성에 선언적 함수 걸기 onchange속성으로 중복확인 버튼 없이 자동으로 중복확인하도록 수정함! (이메일 중복체크도 동일) 더보기 1. memberEnrollForm.jsp 닉네임 2. NicknameCheckController (/nicknameCheck.me) 니가 보낸 키값에 request.getParameter을 사용해서 밸류 넣어 줄게! protected void doGet(HttpServletRequest request, HttpServletResponse response) th..

[10/28] 프로젝트 진행 상황 로그인&로그아웃 & 회원가입

메인 화면 배포 전이라 기존 메인을 로그인폼으로 했었는데 기존 배포된 메뉴바 include 해서 로그인 버튼 이용함 1. mainLogin.jsp 경로 노출되면 보안 위험 있으니 form만 띄워 줄 컨트롤러 부르기 위해 하단에 스크립트 구문 넣어 주고 로그인 버튼 onclick 속성 걸고 loginUser라는 변수에 회원 정보를 담고 있고, 메인 화면에서 닉넴 담긴 알림창 띄워 줘야 하니까 상단 스크립틀릿으로 loginUser 받고, contextPath 알려 주고, alertMsg 받고 login 안 된 상태라면 메뉴바에 로그인/회원가입 ----- login 된 상태라면 마이페이지/로그아웃 뜨도록 조건 넣기 게임 커뮤니티 개발자 게시판 자유 게시판 고객센터 공지사항 FAQ 로그인 로그인 회원가입 Ins..

[10/27] 프로젝트 진행 상황 - 로그인

1. index.jsp 생성 로그인 화면 include file= 2. Member, MemberService, MemberDao 클래스 생성 3. memberLoginForm.jsp 생성 후 폼 만들기 css 경로 잡기: 절대 경로로 잡아야 함! 4. LoginController 서블릿 생성 url mapping: /login.me 5. errorPage.jsp 생성 로그인 실패 시 응답 페이지 지정 6. member-mapper.xml 생성 sql문 쓰기,,

[Ajax & JSON] 쿠키를 이용한 기능 만들기 (아이디 저장, 메인 페이지 광고 팝업)

*쿠키(cookie): 브라우저에 할당된 저장소 👉🏻 쿠키를 발급한 url 주소에서만 사용 가능 👉🏻 관리자 도구 - 애플리케이션 - 쿠키에서 확인 가능 👉🏻 사용자가 사용하고 있는 서버에서 만들어져서 사용자의 컴퓨터 (브라우저)에 저장하는 정보 👉🏻 키-밸류 세트로 저장 👉🏻 누구든지 임의로 생성/수정/삭제할 수 있어서 보안과 관련 없는 기능을 다룰 때 사용 (보안상 웹 사이트에서는 만들지 않는 것을 권장 / 모바일은 본인만 사용하는 경우가 많아 자주 쓰임) 쿠키 창 예시(네이버) ❓ Domain: 누가 이 쿠키를 발급해 줬는지 ❓ Expires / Max Age: 만료 일자 📍 사용 예시 ✔️광고 팝업 오늘 동안 보지 않기 클릭 시 새로운 쿠키가 생기면서 Expires/ Max Age에 그리니치 천문..

[Ajax & JSON] Ajax & JSON를 이용한 기능 만들기(아이디 중복확인, 댓글 달기/댓글 작성)

*아이디 중복 확인 memberEnrollForm.jsp (쿼리 무결성 적용 X) 👉🏻 중복확인 버튼에 onlick 속성 걸고, 하단에 script 구문 추가하기 // 중복 확인 버튼에 onclick 속성 걸기 * 아이디 중복확인 // form과 div까지 빠져나온 뒤 선언적 함수가 들어갈 script 구문 만들기 AjaxIdCheckController 서블릿 생성 👉🏻 url mapping: /idCheck.me package com.kh.member.controller; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servle..

[Ajax & JSON] Ajax와 JSON의 개요

더보기 Ajax의 개요와 JSON에 대해 알아보자 ✔️ Ajax를 시작하기 전에 (공부 환경 설정) 1. Dynamic Web Project 생성 👉🏻Project name: Ajax_Project 👉🏻 Default output folder 경로: WebContent\WEB-INF\classes 👉🏻 Context root: ajax 👉🏻 배포 서술자 체크박스 ✔️ 완료 2. 첫 화면이 될 index.jsp 생성 후 서버에 올리기 Ajax 👉🏻 Asynchronous JavaScript And XML의 약자 👉🏻 서버로부터 데이터를 가져와 전체 페이지를 새로고침하지 않고 일부만 로드할 수 있게 하는 기법 👉🏻 우리가 기존에 a 태그 또는 form 태그를 통해 요청했던 방식은 "동기식 요청"이었음 => ..

[Servlet & JSP] 기본적인 기능이 구현된 동적 웹 페이지 만들기 (Board ver. - 사진 게시판)

더보기 Servlet/JSP의 사진 게시판(Board)를 만들어 보자 사진 게시판 ✔️ 게시글 작성, 게시판 전체 조회, 게시판 상세 조회, 수정, 삭제 *게시글 등록 menubar.jsp 👉🏻 페이징 처리는 일반 게시판 참고하세요! HOME 공지사항 일반게시판 사진게시판 thumbnailListView.jsp 사진 게시판 글작성 No.123 제목입니다. 조회수: 230 No.123 제목입니다. 조회수: 230 No.123 제목입니다. 조회수: 230 No.123 제목입니다. 조회수: 230 No.123 제목입니다. 조회수: 230 No.123 제목입니다. 조회수: 230 No.123 제목입니다. 조회수: 230 ThumbnailListController 서블릿 생성 👉🏻 url mapping: /lis..

[Servlet & JSP] 기본적인 기능이 구현된 동적 웹 페이지 만들기 (Board ver. - 일반 게시판)

더보기 Servlet/JSP의 일반 게시판(Board)를 만들어 보자 일반 게시판 ✔️ 게시판 기본 설정, 게시판 전체 조회, 게시판 상세 조회, 수정, 삭제 더미 데이터 활용하는 법 (= 다량의 insert문 한 번에 만드는 법) 하단의 엑셀 파일 다운로드 sql Deveolper에서 내가 삽입하기를 원하는 테이블 선택 후 데이터 임포트 선택 경로 선택하여 열기 헤드 체크 후 다음 임포트 행 제한 체크하지 말고 다음 (엑셀 파일에 더미 데이터 행 100개 이상임) 열 선택 확인 후 다음 열 정의 확인 후 다음 완료 삽입 실패! 오류 무시하고 계속하시겠습니까? 예 가장 하단에 COMMIT; 구문 작성 실행할 계정 접속 후 스크립트 실행 더보기 *게시판 기본 설정 BoardDao 클래스 생성 package..

[Servlet & JSP] 기본적인 기능이 구현된 동적 웹 페이지 만들기 (notice ver.)

더보기 Servlet/JSP를 이용해 웹페이지 공지사항 기능을 제작해 보자 공지사항 ✔️ 뼈대만 있는 게시판 ver ✔️ 공지사항 CRUD - 생성, 조회, 수정, 삭제 *공지사항 조회 menubar.jsp HOME 공지사항 일반게시판 사진게시판 noticeListView.jsp 서블릿 생성 👉🏻 경로: \WebContent\views\notice\noticeListView.jsp 공지사항 글작성 글번호 글제목 작성자 조회수 작성일 존재하는 공지사항이 없습니다. NoticeListController.jsp 생성 👉🏻 경로: src\com\kh\notice\conroller\NoticeListController.java 👉🏻 url mapping: /list.no package com.kh.notice.c..

[Servlet & JSP] 기본적인 기능이 구현된 동적 웹 페이지 만들기 (member ver. )

더보기 Servlet/JSP를 이용해 웹 페이지의 회원 관련 기능을 만들어 보자 회원가입 ✔️ 로그인, 회원가입, 마이페이지, 정보 및 비밀번호 변경, 회원 탈퇴 ✔️ HttpServletRequest 객체와 HttpServletResponse 객체 👉🏻 request: 서버로 요청할 때의 정보들이 담겨 있음 (요청 시 전달값, 요청 전송 방식, 요청자의 ip 주소 등) request.getParameter() / request.getParameterValues()로 값 뽑기 👉🏻 response: 요청에 대해 응답할 때 필요한 객체 자바 코드로 응답 페이지를 만들 때 주로 사용 ✔️ GET 방식과 POST 방식 👉🏻 GET: 사용자가 입력한 값이 url에 노출 / 데이터의 길이 제한 / 대신 즐겨찾기가..