본문 바로가기

Project/2. My First Website <Mybatis>

(12)
project 2.3 My first website/ 회원가입 페이지 정규식을 할 수 있는 회원가입페이지 결과는 아래와 같이 나온다 지금 정규식검사가 진행되는 div 가 동적이 아닌,,, 내맘대로 패딩을 대충 중간으로 우겨넣었기 때문에 이게 창사이즈마다 웃기게작용됨ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ진짜ㅠㅠ 프론트엔드 개발자분들 존경합니다.. 무튼 본론으로 들어가서 오늘도 view부터 1. view (join.jsp) 정규식 검사를 진행한 건: id, pw, confirm pw, email, phone 어짜피 다 비슷한 형식으로 가기 때문에 제일 힘들었던? 복잡했던? 비밀번호 체크만 올린다. * 모든 정규식은 전부 페이지로드 이벤트 함수에 걸려있음 // 2. 비밀번호 체크 // 8 ~ 20 사이의 대문자, 소문자, 숫자, 특수문자(~!@#$%^&*)를 사용한다. // 소문자, 숫자 필수 나..
project 2. 2 My first website/ 아이디, 비밀번호 찾기 페이지 Ajax를 이용하여 백앤드 결과값(아이디, 임시비밀번호) 받아 프론트에 뿌려주기 결과는 아래와 같이 나온다! 1. View (findId.jsp , findPw.jsp) 기본 html은 너무기본적인 내용이라 생략 스크립트 (ajax) 위주로 정리 1) findId $(document).ready(function (){ // 화면이 켜지면 바로 함수실행 fn_findId(); }); function fn_findId() { $('#findIdBtn').click(function(){ // FIND ID 버튼이 클릭되면 아래 ajax실행 $.ajax({ url:'/MYHOME_P/findId.member', // 이동할 컨트롤러 주소. type: 'get', //요청방식 : get data: 'mEmail=..
project 2. 1 My first website/ Mybatis란? 그리고 login 페이지만들기 메인페이지 index.jsp header와 footer파일을 나눠 모든 각각의 페이지에 삽입시켜줬다 헤더는 상단 버튼들 퓨터는 기본 저작권 내용 ~~뭐 약관 등등~~ + 태그 index에는 정말 welcome to my first website 내용만 있다고 보면됨.. DB는 Mybatis로 오라클에 연결했고, 회원과 관련된 member mapper/ 게시판 글과 관련된 board mapper를 만들었다. SqlSession으로 Dao가 Db 접근을 할 수 있게했다. MyBatis란? 1. MyBatis 는 모든 쿼리문(SQL)을 Mapper 에 저장한다. 2. Mapper 에 접근해서 쿼리문을 실행하는 역할을 SqlSession 클래스가 담당한다. 3. SqlSession 클래스를 사용하려면 다음 과정..
project 2. My first website JSP 로 진행한 웹 사이트로 현재 서버단은 어느정도 구현이 되어있는상태이다. 구현한 기능은 1. 로그인 (정규식 검사 진행) 2. 탈퇴 3. 내 정보수정 3. 게시판 글쓰기 4. 게시판 답글 쓰기 5. 게시판 글 삭제하기 6. 조회수 올리기 이제 부트스트랩을 이용해서 조금 살을 붙여볼까 한다. 우선 오늘 살을 붙인건 header.jsp 파일에 css를 도입? 시켰다. 기본 폰트가 너무 보기싫어서 구글에서 긁어왔음 header.jsp // 구글폰트 링크 sytle.css #wrap { // *전체를 감싸고 있는 font-family: 'Source Sans Pro', sans-serif; } 이랬는데 아무일이 없고 콘솔에서는 에러뜸 404 진짜 404~~~~~~ 열심히 구글링해보니 컨텍스트패스를 통해 가..