본문 바로가기

분류 전체보기

(9)
[Spring][Project: 쇼핑몰 웹사이트][2.3] 회원가입 - 마지막 유효성 검사 이전 POST [Spring][Project: 쇼핑몰 웹사이트][2.2] 회원가입 - 주소 찾기 마지막으로 회원가입버튼을 누르기 전에 모든 항목이 제대로 다 적혀있는지 확인하는 작업을 설정해보자. 목차 1. span 태그 추가 2. span태그 css 추가 3. 변수 추가 4. id 유효성 검사 5. password 유효성 검사 6. name 유효성 검사 7. email 유효성 검사 8. address 유효성 검사 9. 최종 검사 10. 테스트 1. span 태그 추가 각 항목에대한 경고글 역할을 할 span 태그를 추가해준다. 1-1. 미입력 경고글 id required Password required Name required MailAccount required Address required 1-2...
[Spring][Project: 쇼핑몰 웹사이트][2.2] 회원가입 - 주소 찾기 이전 POST [Spring][Project: 쇼핑몰 웹사이트][2.1] 회원가입 - 아이디 중복 체크 목차 1. input태그 속성 추가 2. 외부 스크립트 파일 연결코드 추가 3. 주소 검색 메소드 추가 4. 버튼과 연결 5. 테스트 1. input태그 속성 추가 1-1. readonly 주소를 사용자가 임의로 변경할 수 없도록 속성을 추가한다. 오직 검색버튼을 통해서만 주소를 입력할 수 있도록 만들기 위해서다. 1-2. placeholder 보기에 좋을 것 같아서 추가해봤다. (이 속성은 추가하지 않아도 무방함) 2. 외부 스크립트 파일 연결코드 추가 Daum 주소록 API를 사용하고싶은데 그러면 아래 연결코드를 'join.jsp' 파일에 추가해야한다. 3. 주소 검색 메소드 추가 아래 Daum 주..
[Spring][Project: 쇼핑몰 웹사이트][2.1] 회원가입 - 아이디 중복 체크 이전 POST [Spring][Project: 쇼핑몰 웹사이트][2.0] 프로젝트 흐름 / MVC 흐름 잡고가기 목차 1. span 태그 추가 2. ajax 추가 3. css 추가 4. controller 작성 5. mapper 작성 6. service 작성 7. 테스트 1. span 태그 추가 아이디가 있는지 없는지를 나타내는 문구를 추가해보자. 사용 가능한 아이디입니다. 아이디가 이미 존재합니다. 2. ajax 추가 아이디를 입력할때마다 실행되는 코드를 작성한다. //아이디 중복검사 $('.id_input').on("propertychange change keyup paste input", function(){ var memberIdVar = $('.id_input').val();// .id_inpu..
[Spring][Project: 쇼핑몰 웹사이트][2.0] 프로젝트 흐름 / MVC 흐름 잡고가기 일단 여차저차 폴더도 만들고 클래스도 만들고 해서 화면구성도 하고 있지만, 확실하게 흐름을 알고 넘어가야 할 것 같아서 남겨보는 POST다. 너무 기초적인 내용이라서 공부용으로 내가 이해하려고 끄적여 보는거라 스킵해도 OK 일단 기본 흐름은 [그림1-1]과 같다. 하지만 우리는 MyBatis를 사용하기로 했다. MyBatis는 Mapper 인터페이스를 제공한다, 그래서 DAO 대신 Mapper를 사용했다. 참고로 MyBatis는 java코드와 SQL문을 분리해서 편리하게 관리하도록 해준다, 그리고 mapper를 사용하면 DAO를 일일이 만들지 않고 좀 더 편하게 개발할 수 있다고 한다. SQL문은 *.xml 형식으로 저장하는데, [MemberMapper.xml]이 이에 해당한다. 조금 더 자세한 흐름을 ..
[Spring][Project: 쇼핑몰 웹사이트][1.2] 회원가입/ 로그인 페이지 구현 이전 POST [Spring][Project: 쇼핑몰 웹사이트][1.1] 회원가입/ 로그인 페이지 구현 목차 6. service 생성 7. MemberController.java에 메서드 추가 8. join.jsp 수정 9. 회원가입 테스트 6. service 생성 [src/main/java] > [com.sample.service] > interface 'MemberService.java' & class 'MemberServiceImpl.java' 생성 interface[MemberService.java] 더보기 package com.sample.service; import com.sample.model.MemberVO; public interface MemberService { //JoinUs pub..
[Spring][Project: 쇼핑몰 웹사이트][1.1] 회원가입/ 로그인 페이지 구현 쇼핑몰 웹사이트를 구현해보고자 한다. 공부 목적으로 남기는 POST 이므로 오류가 있을 수 있음 주의! 목차 1. 메인 페이지 2. 로그인 페이지 3. 회원가입 페이지 4. DB 테이블 및 VO 생성 5. Mapper 1~3.까지 페이지는 틀과 css 작업이므로 다른 블로그를 참고해서 빠르게 넘어가봤다. 1. 메인 페이지 [main.jsp] 더보기 gnb area logo area Search area LOGIN JOIN US navi area content area [main.css] 더보기 @charset "UTF-8"; *{ margin: 0; padding:0; } /* 화면 전체 렙 */ .wrapper{ width: 1900px; } /* content 랩 */ .wrap{ width : 10..
[Spring / MVC project] MVC 프로젝트 추가 설정 이제 막 STS 설치를 했거나, MVC project를 만들었다면 아래 링크를 한번 보고 오자. MVC 프로젝트 생성하는 방법은도 아래 링크에 있다! https://avecmoi.tistory.com/33 [Spring / MVC project] STS3설치 + MySQL + MyBatis 연동 참고용으로 만들었으니, 이상한 점이나 조언 있으면 댓글 달아주세요! 기록용이니까 반말로 적겠음 :) **FYI : STS4 설치하다가 legacy project 생성안되서 STS3 다시 설치함 목차 0. 환경 1. STS3/4 설치 2. avecmoi.tistory.com 좀 더 추가로 설정할 것들을 알아보자 목차 8. Conntection Pool(커넥션 풀) : HikariCP 9. Servlet 버전 변경 ..
[Spring / eclipse] 한글깨짐 UTF-8 설정 한글깨짐을 수정하는 방법에 대해서 알아보자. 인코딩 UTF-8로 설정하지 않으면 한글이 깨져서 '??'로 찍혀서 나오는걸 볼 수 있다. 이를 해결하기 위해서 인코딩 변경을 해보자. [Window] > [Preferences] > [General] > [Content Types] > [Text] [General] > [Content Types] > [Text] > [Java Properties File] [General] > [Content Types] > [Text] > [Java Properties File] > [Spring Properties File] [General] > [Editors] > [Text Editors] > [Spelling] [General] > [Workspace] [Web] ..