yumi - log

오늘은 주소록 API 연동에 대한 첫번째 포스팅을 해보겠습니다 ( •̀ ω •́ )✧ 1 구현 순서 1. 외부 스크립트 파일 연결 코드 추가 2. 주소 검색 기능 메서드 추가 3. 다음 주소 팝업창 코드 추가 4. 주소찾기 버튼과 메서드 연결 5. 테스트 1. 외부 스크립트 파일 연결 코드 추가 다음 주소록 API를 사용하기 위해 join.jsp에 외부 스크립트를 연동하는 코드를 추가해 줍니다. (통합 로딩 방식) 2. 주소 검색 기능 메서드 추가 다음 주소 연동을 위한 메서드를 만들어 줍니다. 이름은 daum_address로 하였습니다. 3. 다음 주소 팝업창 코드 추가 다음 우편번호 서비스를 이용하려면, 아래와 같은 코드를 넣어주어야 합니다. (다음 API 홈페이지 내용 ↓) Daum PostCode..

오늘은 주소록 API에 대한 포스팅을 하기 전 수정 사항에 대해 말씀드리겠습니다. 구현 순서 1. join.jsp 수정 2. MemberVO 수정 3. MemberMapper.xml 수정 4. Oracle 수정 5. MemberMapperTests 수정 6. 테스트 1. join.jsp 수정 기존에 있던 주소 입력창에 readonly="readonly"를 추가해 줍니다. 주소록의 input box를 3칸으로 늘리기 위해 아래의 코드를 추가해 줍니다. memberAddr의 변수명도 memberAddr1로 변경해 줍니다. 2. MemberVO 수정 MemberVO도 수정해 줍니다. memberAddr2 와 memberAddr3을 추가해 줍니다. memberAddr 뒤에도 1을 붙여줍니다. 3. MemberM..

오늘은 회원가입시 이메일 전송에 대한 세번째 포스팅을 해보겠습니다 ( *^-^)ρ 3 구현 순서 1. 인증번호 입력란 변환기능 2. 인증번호 일치여부 검사 기능 3. 테스트 1. 인증번호 입력란 변환기능 인증번호 입력란 태그의 속성(disabled) 값이 변경되어야 하고, 인증번호 입력란의 배경색이 변경되어야 인증번호 입력란을 사용할 수 있습니다. checkBox와 boxWrap 변수를 선언 및 할당해줍니다. (127-128번 라인) success 코드 안에 이메일 인증 입력란이 입력 가능하도록 속성을 변경해주는 코드를 추가해줍니다. (135번 라인) 또한 이메일 인증 입력란의 색상이 변경되도록 id속성 값을 변경해주는 코드를 추가해줍니다. (136번 라인) join.jsp의 스크립트 제일 상단에 cod..

오늘은 회원가입시 이메일 전송에 대한 두번째 포스팅을 해보겠습니다 ( *^-^)ρ 2 구현 순서 1. 인증번호 난수 생성 2. 인증번호 이메일 전송 3. 인증번호 뷰로 전송 1. 인증번호 난수 생성 인증번호는 6자리로 설정할 것입니다. 이를 위해 JAVA에서 Random 함수를 사용하겠습니다. random 클래스를 이용하여 객체변수 random을 생성해줍니다. checkNum에 nextInt()함수로 난수를 생성하고, 결과값을 할당합니다. 인증번호가 잘 나오는지 확인하기 위해 log를 찍어줍니다. 2. 인증번호 이메일 전송 String 변수를 선언해서 이메일에 필요한 정보들을 담습니다. - setForm : root-context.xml에 삽입한 자신의 이메일 계정의 이메일 주소입니다. - toMail ..

오늘은 회원가입시 이메일 전송에 대한 첫번째 포스팅을 해보겠습니다 ( *^-^)ρ 구현 순서 1. 인증번호 입력란 색상 변경 및 disabled 속성 추가 2. 이메일 전송 메서드 추가 3. Controller 메서드 추가 4. 테스트 1. 인증번호 입력란 색상 변경 및 disabled 속성 추가 join.jsp에 id="mail_check_input_box_false" 코드를 추가해 줍니다. (58번 라인) join.css에 하단의 코드를 추가해 줍니다. false에는 회색, true에는 투명 혹은 흰색을 띄게 해주는 코드입니다. join.jsp에 disabled="disabled" 코드를 추가해 줍니다. (59번 라인) 2. 이메일 전송 메서드 추가 인증번호 전송 버튼을 클릭하면 작성하는 메서드를 작..

오늘은 회원가입시 이메일 인증을 하기 전 환경 설정에 대해 포스팅 해보겠습니다 ヾ(•ω•`)o 구현 순서 1. 이메일 전송이란? 2. 메일 계정 보안 설정 3. pom.xml 설정 4. mailSender Bean 등록 5. Controller 메서드 추가 6. 메일 전송 테스트 1. 이메일 전송이란? 스프링프레임워크에서 메일서버(STMP)를 이용하여 메일을 전송하는 방법에 대해 알아보고자 합니다. SMTP는 Simple Mail Transfer Protocol로서 전자 메일 전송을 위한 표준 프로토콜입니다. 따라서 SMTP Server란 이메일을 송신하는 서버입니다. 메일 전송 기능을 구현하기 위해선 4가지가 필요합니다. 1. pom.xml 설정 2. mailSender Bean 등록 3. Contro..

오늘은 Telnet을 이용한 SMTP메일 발송에 대해 포스팅 해보겠습니다 (☞ﾟヮﾟ)☞ 구현 순서 1. Telnet 제어판 설정 2. 사용가능한 메일서버 찾기 3. Telnet을 통해 메일 보내기 1. Telnet 제어판 설정 window 설정 -> 제어판 -> windows 기능 켜기/끄기 검색 -> 텔넷 클라이언트 체크 후 확인! 2. 사용 가능한 메일서버 찾기(nslookup) cmd 실행 -> nslookup -> set type=mx -> naver.com (자신이 사용할 도메인주소) -> 파란색 박스 중 하나를 선택해서 복사 후 입력! cmd 실행 -> telnet 메일서버 25 -> 하면 실행이 되야 하는데 오류가 뜬다. 원인은 네이버에서 아이피가 BLOCK 당해서 그렇다고 한다... 오류를..

오늘은 회원가입시 아이디 중복 검사 기능에 대해 포스팅 해보겠습니다. ༼ つ ◕_◕ ༽つ 구현 순서 1. join.jsp 수정 및 css 2. 아이디 중복검사 메서드 작성 및 테스트 3. ajax 작성 4. Controller 작성 5. mapper / service 작성 6. ajax success 작성 7. 테스트 1. join.jsp 수정 및 css join.jsp의 27,28째 라인에 span 태그를 추가해 줍니다. 클래스 명은 각각 id_input_box_re_1 과 id_input_box_re_2 로 해줍니다. join.css 파일에 추가해줍니다. display 속성은 요소를 어떻게 보여줄지 결정합니다. 주로 4가지 속성값이 쓰이는데 none은 보이지 않음, block는 블록박스, inline..

오늘은 Spring으로 회원가입을 구현해보려 합니다! ✍(◔◡◔) 구현 순서 1. Mapper에 추가한 쿼리문 테스트 2. MemberService.java 작성 3. MemberController.java 회원가입 메서드 추가 4. Join.jsp 5. 테스트 1. Mapper에 추가한 쿼리문 테스트 src/test/java 경로에 com.angel.mapper 패키지를 추가해준 후 MemberMapperTests.java 클래스를 추가해줍니다. @RunWith(SpringJUnit4ClassRunner.class) 는 JUnit 프레임워크의 테스트 실행 방법을 확장할 때 사용합니다. @ContextConfiguration은 자동으로 만들어줄 애플리케이션 컨텍스트의 설정파일위치를 지정한 것입니다. 멤버..

오늘은 메인페이지와 로그인페이지 그리고 회원가입페이지를 구현해보려 합니다! ✍(◔◡◔) 구현 순서 1. 데이터 베이스 테이블 생성 및 VO 생성 2. MemberMapper.xml 추가 3. MemberMapper.java 인터페이스 추가 4. 메인페이지 제작 (main.jsp) 5. 메인페이지 Controller 설정 6. 로그인, 회원가입 페이지 생성 7. 로그인, 회원가입 페이지 Controller 설정 1. 데이터 베이스 테이블 생성 및 VO 생성 데이터베이스는 Oracle을 사용합니다. 데이터베이스 계정 생성 관련글은 따로 작성해 놓았으니 참고해주세요. Oracle에서 member테이블 생성해줍니다. 아이디, 비밀번호, 이름, 메일, 주소, 관리자여부, 등록날짜, 회원 돈, 회원 포인트로 구성해..