순서 1. 외부 스크립트 파일 연결 코드 추가 2. 주소 검색 기능 메서드 추가 3. 다음 주소 팝업창 코드 추가 4. 주소 입력창과 메서드 연결 5. 테스트 6. 주소 입력 예제 코드 추가 7. 테스트 1. 외부 스크립트 파일 연결 코드 추가 다음 주소록 API를 사용하기 위해 join.jsp에 외부 스크립트 파일을 연결하는 코드를 추가합니다. 2. 주소 검색 기능 메서드 추가 주소 API 기능을 사용하기 위한 메서드를 추가합니다. 이름은 execPostCode로 정했습니다. /* 다음 주소 연동 */ function execPostCode(){ } 3. 다음 주소 팝업창 코드 추가 메서드 내용에 주소를 검색하는 팝업창을 띄우는 코드를 추가합니다. (다음 주소 API 홈페이지에 있습니다. ) 4. 주소..
순서 1. 태그 추가 2. 아이디 중복검사 메서드 작성 및 테스트(JavaScript) 3. AJAX 작성 4. controller 작성 5. mapper / service 작성 6. AJAX success 작성 7. 최종 테스트 1. 태그 추가 사용 가능한 아이디입니다. 아이디가 이미 존재합니다. join.css에 아래의 코드를 추가해줍니다. /* 중복아이디 존재하지 않는경우 */ .id_input_re_1{ color : green; display : none; } /* 중복아이디 존재하는 경우 */ .id_input_re_2{ color : red; display : none; } 2. 아이디 중복검사 메서드 작성 및 테스트(JavaScript) join.jsp 하단의 태그에 아래의 코드를 추가해줍..
순서 1. Mapper에 추가한 쿼리문 테스트(MemberMapperTests.java) 2. MemberService.java 추가 3. MemberController.java 회원가입 메서드 추가 4. join.jsp 1. Mapper에 추가한 쿼리문 테스트(MemberMapperTests.java) src/test/java 경로에 패키지 com.swan.mapper를 추가해준 후 MemberMapperTests.java 클래스를 만들어줍니다. 아래와 같이 코드를 추가해준 후 테스트를 진행합니다. package com.swan.mapper; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.beans.f..
순서 1. 로그인, 회원 가입 페이지 제작 2. 로그인, 회원 가입 페이지 Controller 설정 로그인, 회원 가입 페이지 제작 로그인과 회원 가입 페이지의 이름은 각각 login.jsp, join.jsp로 정했습니다. 회원과 관련된 페이지를 체계적으로 관리하기 위해 src/main/webapp/WEB-INF/views 경로에 member 폴더를 추가한 후 해당 경로에 login.jsp, join.jsp를 생성합니다. css 또한 src/main/webapp/resources/css 경로에 login 폴더를 추가한 후 login.css, signup.css를 추가하였습니다. 다음은 jsp, css 파일 코드입니다. login.jsp SWAN 아이디 이름 이름을 입력해주세요. 이메일 인증번호 전송 이메..
