티스토리

yumi - log
검색하기

블로그 홈

yumi - log

y-umi.tistory.com/m

차곡차곡✍(◔◡◔) ༼ つ ◕_◕ ༽つ

구독자
4
방명록 방문하기
공지 공지사항 모두보기
728x90
반응형

주요 글 목록

  • Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[33-1] 오늘은 장바구니 페이지에 대한 css 포스팅을 해보겠습니다 ╰(*°▽°*)╯ CSS는 아직 많이 다뤄보지 않았기 때문에 조금씩 수정을 하고, 확인을 하면서 진행하였습니다. @charset "UTF-8"; #wrap { min-height: 100%; position: relative; padding-bottom: 200px; } h2 { margin: 100px auto 80px auto; text-align: center; } table { width: 1150px; margin-top: 50px; margin-bottom: 50px; text-align: center; } table tr { line-height: 40px; } table tr th { background-color: #8c8ce8;.. 공감수 1 댓글수 0 2023. 5. 28.
  • Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[33] 오늘은 장바구니 페이지 구현에 대한 여덟번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯8 구현 순서 1. cart.jsp 1. cart.jsp 지난 포스팅에선 cart.jsp에 값이 넘어오는지 확인하기 위해 ${cartInfo}만 작성해 주었습니다. 이번 시간에는 css와 저장된 값이 넘어올 수 있도록 구현해보겠습니다. (css는 chatGPT를 사용하였습니다.) 태그 아래의 네비게이션 바에 관리자로 로그인 했을 때만 관리자 화면이 출력되도록 태그를 사용해주고, 로그인을 한 일반 회원들은 로그아웃, 마이페이지 화면이 뜨도록 작성해 주었습니다. Health 人 관리자 페이지 로그아웃 마이페이지 장바구니 화면에 들어갔을 때 회원의 아이디가 출력 되도록 값을 넣어줍니다. ${member.memberName}님의 .. 공감수 1 댓글수 0 2023. 5. 27.
  • Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[32] 오늘은 장바구니 페이지 구현에 대한 일곱번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯7 사용자가 상품을 구매할 경우, 해당 상품 별로 얼마의 포인트가 적립되는지 알 수 있도록 화면 구현을 하겠습니다. 상품의 상세 페이지에 적립 될 포인트를 알 수 있도록 정보를 표시하고, 포인트 관련 속성을 추가 해 주겠습니다. 구현 순서 1. ProductController.java 2. productDetail.jsp 1. ProductController.java 현재 테이블의 정보는 "##,### 원" 으로 구성 되어 있습니다. 문자열은 사칙연산이 불가능 하기 때문에 정수형으로 바꾸어서 연산해 주어야 합니다. 우선, 테이블의 칼럼값이 정수형이 아닌 문자열로 되어있기 때문에 문자열을 정수형으로 받아올 수 있도록 수정해 .. 공감수 3 댓글수 0 2023. 5. 25.
  • Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현 - 오류 기록[31] 오늘은 지난번 장바구니 페이지 오류 수정에 대한 포스팅을 해보겠습니다 (´。＿。｀) 구현 순서 1. 오류 발생 상황 2. 해결 방법 ① cart 테이블 수정 ② cartMapper.xml 수정 ③ cartMapperTests.java 수정 ④ cartMapperTests 테스트 ⑤ 최종 테스트 1. 오류 발생 상황 - 콘솔창에는 값이 제대로 전달 되었으나, 웹 페이지에선 값이 전달 되지 않는 상황이 발생하였습니다. 원인 : 테이블에 칼럼값이 생성되지 않아서 값이 넘어오지 않았습니다. 2. 해결 방법 ① cart 테이블 삭제 및 수정 - cart 테이블과 시퀀스를 삭제해 줍니다. drop table cart; drop SEQUENCE CART_SEQ; - cart 테이블과 시퀀스를 생성해 줍니다. prod.. 공감수 2 댓글수 0 2023. 5. 24.
  • Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[30] 오늘은 장바구니 페이지 구현에 대한 여섯번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯6 구현 순서 1. CartService.java 2. CartController.java 3. cart.jsp 1. CartService.java 장바구니 페이지에 회원이 담은 상품의 정보가 나오도록 Service 메서드를 추가해 줍니다. CartService.java에 메서드를 추가해 줍니다. //장바구니 정보 리스트 public List getCartList(String memberId); CartServiceImpl에 인터페이스에서 선언한 메서드를 오버라이딩 해줍니다. List에 getCart() 메서드를 호출하여 반환받은 값을 대입하여줍니다. CartDTO의 일부 속성에는 값이 없기때문에 for문을 사용하여 Lis.. 공감수 1 댓글수 0 2023. 5. 22.
  • Spring [쇼핑몰프로젝트] - 장바구니 구현 - 오류 기록[29] 오늘은 장바구니 기능 구현중 오류 발생 상황에 대한 기록 및 해결 방법에 대한 포스팅을 하겠습니다. ╰(*°▽°*)╯ 구현 순서 1. 오류 발생 상황 2. 해결 방법 1. 오류 발생 상황 - 로그인을 하지 않은 상태에서 장바구니 클릭시 alert 창은 정상적으로 뜬다. - console.log 를 찍어 값이 넘어오는지 확인해 보았는데 product_num값이 넘어오지 않는다. - 로그인을 한 상태에서 alert 창이 뜨지 않는다. - 콘솔창에 부적합한 열 유형이라는 오류가 뜬다. 2. 해결 방법 첫번째, console.log 를 찍었을 때 product_num값이 넘어오지 않았습니다. 해결 방법 : DB에서 Cart 테이블을 생성할때 product_tbl의 기본키인 pno에 제약조건을 걸어 놨기 때문에 .. 공감수 1 댓글수 0 2023. 5. 19.
  • Spring [쇼핑몰프로젝트] - 장바구니 구현[28] 오늘은 장바구니 기능 구현에 대한 다섯번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯5 구현 순서 0. 추합 1. 수량버튼 2. 장바구니 추가 버튼 3. 테스트 1. 수량버튼 일부 CSS 및 JSP 부분은 ChatGPT의 도움을 받아서 제작하였습니다. 하지만 이해하기 어려운 부분이 있어 일부 수정을 하였습니다. productDetail.jsp 부분에서 장바구니 수량 변경에 대한 코드를 작성해 줍니다. + - jsp 하단에 script 태그를 추가해 줍니다. 수량 버튼 조작을 위한 코드를 작성해 줍니다. plus_btn 버튼을 클릭시 quantity_input의 값이 증가가 되고, minus_btn 버튼을 클릭시 quantity_input 수량이 감소 되도록 구현해 줍니다. 최소 수량이 1이 되어야 하기 때문.. 공감수 2 댓글수 0 2023. 5. 18.
  • Spring [쇼핑몰프로젝트] - 장바구니 구현[27] 오늘은 장바구니 기능 구현에 대한 네번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯4 구현 순서 1. Interceptor 예외설정 2. CartMapper.java 수정 3. CartService 메서드 4. CartServiceTests.java 5. CartController 1. Interceptor 예외설정 Interceptor 예외설정을 위해 servlet-context.xml 파일에 코드 한줄을 추가해 줍니다. 태그는 인터셉터에서 설정한 url 경로 중 예외 url을 설정해 주는 태그입니다. 기존의 인터셉트 코드는 "/cart/**" 경로를 타는 모든 요청은 Controller 객체를 거치게 되어있습니다. 하지만 예외로 "/cart/add" 경로는 인터셉터 객체를 거치지 않는다는 의미 입니다. .. 공감수 4 댓글수 1 2023. 5. 17.
  • Spring [쇼핑몰프로젝트] - 장바구니 구현[26] 오늘은 장바구니 기능 구현에 대한 세번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯3 지난 포스팅 중에서 관리자 페이지를 인터셉터 적용해 주었습니다. 장바구니 또한 로그인한 회원만 사용할 수 있도록 인터셉터 적용을 해주도록 하겠습니다. 구현 순서 1. servlet-context.xml 2. CartInterceptor.java 1. servlet-context.xml servlet-context.xml에 "/cart/**"의 경로에 대해서만 적용할 수있도록 mapping을 해줍니다. bean에 com.angel.interceptor 패키지의 CartInterceptor를 등록하고 해당 인터셉터는 "/cart" 경로를 타는 모든 요청이 CartInterceptor를 거치게 됩니다. 2. CartInterce.. 공감수 2 댓글수 0 2023. 5. 17.
  • Spring [쇼핑몰프로젝트] - 장바구니 구현[25] 오늘은 장바구니 기능 구현에 대한 두번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯2 구현 순서 1. CartMapper.java 2. CartMapper.xml 3. CartMapperTests.java 1. CartMapper.java com.amgel.mapper 패키지에 CartMapper.java 인터페이스를 생성해 줍니다. 카트에 필요한 5개의 메서드를 추가해 줍니다. addCart 메서드는 테이블의 열을 추가해 주기 위한 메서드 입니다. memberId 와 product_num 과 amount 값을 필요로 합니다. 이를 한 번에 가져 올 수 있도록 CartDTO를 파라미터 변수로 선언해 주었습니다. 열 추가시 1을 반환하고, 실패시 0을 반환하기 위해 int로 반환타입을 주었습니다. delete.. 공감수 1 댓글수 0 2023. 5. 16.
  • Spring [쇼핑몰프로젝트] - 장바구니 구현[24] 오늘은 장바구니 기능 구현에 대한 첫번째 포스팅을 해보겠습니다 ╰(*°▽°*)╯1 구현 순서 1. 테이블 생성 2. CartDTO 1. 테이블 생성 장바구니 구현을 위해 테이블을 새로 만들어 줍니다. 시퀀스도 같이 생성해 줍니다. ON DELETE CASCADE 관련 설명 : https://y-umi.tistory.com/43 CREATE TABLE CART( CART_NUM NUMBER(10) PRIMARY KEY, memberId VARCHAR2(20) CONSTRAINT CART_memberId_FK REFERENCES MEMBER(memberId) ON DELETE CASCADE, PRODUCT_NUM NUMBER(38) NULL CONSTRAINT CART_PRODUCT_NUM_FK REFERE.. 공감수 1 댓글수 0 2023. 5. 15.
  • Spring [쇼핑몰프로젝트] - 인터셉터 적용[23] 오늘은 인터셉터 적용에 대한 포스팅을 해보겠습니다 ( •̀ ω •́ )✧ 지난 포스팅에서 관리자 페이지를 만들어 주었습니다. 관리자로 로그인시 관리자 페이지가 보이도록 구현을 했지만, 관리자 페이지 URL 경로만 알면 로그인 하지 않은 상태이거나 일반회원도 관리자 페이지를 접속할 수 있습니다. 따라서 AdminController에 관리자 페이지 접속 메서드에 세션 체크를 통해 권한이 없는 관리자가 접근 시 메서드 실행이 되지 않도록 설정해 주어야 합니다. AdminController에 작성된 모든 메서드에 사용자 권한을 확인하는 코드를 중복해서 작성하는 대신, 한번의 작성으로 일괄적인 관리를 도와주는 수단인 Interceptor를 사용하겠습니다. Interceptor란? Interceptor는 반드시 필.. 공감수 3 댓글수 0 2023. 5. 12.
  • Spring [쇼핑몰프로젝트] - GNB 영역 구현[22] 오늘은 GNB 영역 구현에 대한 두번째포스팅을 해보겠습니다 ✍(◔◡◔) 2 이번 포스팅은 세션 제거를 요청하는 방식을 비동기 방식으로 구현하고자 합니다. 구현 순서 1. 전체 흐름 2. Javascript 처리 3. 서버 메서드 작성 4. 테스트 1. 전체 흐름 첫번째 포스팅에선 로그아웃 시, 메인페이지로 redirect 되도록 구현했습니다. 로그아웃 버튼의 경우 모든페이지에 속해있어야 하는데 이럴경우 많은 페이지에 로그아웃 메서드를 추가해 주어야 합니다. 그래서 이번 포스팅은 특정 화면으로 이동없이 현재 페이지가 새로고침 됨으로써 화면의 구성이 바뀌도록 하는것이 목표입니다. 로그아웃 버튼을 자바스크립트를 통해서 동작하게 만들고 ajax 를 통해서 서버에서 로그아웃 메서드를 요청하도록 구현할 것입니다. .. 공감수 1 댓글수 0 2023. 5. 4.
  • Spring [쇼핑몰프로젝트] - GNB 영역 구현[21] 오늘은 GNB 영역 구현에 대한 첫번째 포스팅을 해보겠습니다 ✍(◔◡◔) 1 GNB란? Global Navigation Bar의 줄임말로 어느 페이지를 들어가든지 공통적으로 사용할 수 있는 메뉴를 의미합니다. 구현 순서 1. 관리자 계정 생성 2. gnb_area 3. 로그인 하지 않았을 때 메뉴 4. 로그인 했을 때 메뉴 5. 관리자 계정 메뉴 6. 관리자 Controller 작성 7. 테스트 1. 관리자 계정 생성 일반계정과 관리자계정을 구분하기 위해 관리자 계정을 하나 생성해 줍니다. MemberMapper.xml에 adminCk 기본값이 0으로 되어있는 부분을 1로 변경 해줍니다. (0은 일반회원, 1은 관리자) MemberMapperTests의 회원가입 쿼리 테스트 메서드를 통해 값을 넣어주어도.. 공감수 1 댓글수 0 2023. 5. 3.
  • Spring [쇼핑몰프로젝트] - 로그아웃 기능 구현[20] 오늘은 로그아웃 기능 구현에 대한 포스팅을 해보겠습니다 ✪ ω ✪ 구현 순서 1. css 수정 2. 로그아웃 버튼 작성 3. 로그아웃 메서드 작성 4. 테스트 1. css 수정 기존 css의 wrapper인 div 태그가 고정적이여서 웹 브라우저를 실행 시키면 전체 화면이 오른쪽으로 쏠려서 출력이 되었습니다. 이를 수정하기 위해 main.css 와 join.css 와 login.css 의 .wrapper 부분을 1900px 에서 100%로 변경해 줍니다. /* 화면 전체 렙 */ .wrapper{ width: 100%; } 2. 로그아웃 버튼 작성 클래스명이 login_success_area인 div태그의 하단에 로그아웃으로 갈 수 있는 a 태그를 추가해 줍니다. url 경로는 /member/logout.. 공감수 1 댓글수 0 2023. 5. 3.
  • Spring [쇼핑몰프로젝트] - 로그인 기능 구현[19] 오늘은 로그인 기능 구현에 대한 세번째 포스팅을 해보겠습니다 ヾ(≧▽≦*)o 3 구현 순서 1. login.jsp (로그인 실패) 2. login.jsp (로그인 성공) 1. login.jsp (로그인 실패) 로그인 실패시 전달받은 데이터를 활용하여 각 상황에 맞게 페이지가 변하도록 구현하겠습니다. 로그인 페이지에 로그인에 실패했다는 문구가 뜨도록 하겠습니다. result 변수에 담긴 데이터를 활용하여 로그인에 실패했다는 경고 문구가 뜨도록 하겠습니다. ① login.jsp에 div태그를 넣어줍니다. 사용자 ID 또는 비밀번호를 잘못 입력하셨습니다. ② lgoin.css 에도 로그인 실패시 코드를 추가해 줍니다. /* 로그인 실패시 경고글 */ .login_warn{ margin-top: 30px; te.. 공감수 0 댓글수 0 2023. 5. 2.
  • Spring [쇼핑몰프로젝트] - 로그인 기능 구현[18] 오늘은 로그인 기능 구현에 대한 두번째 포스팅을 해보겠습니다 ヾ(≧▽≦*)o 2 구현 순서 1. 로그인 페이지 아이디, 비밀번호 전송 및 확인 2. 로그인 처리 메서드 작성 3. 테스트 1. 로그인 페이지 아이디, 비밀번호 전송 및 확인 아이디와 비밀번호를 입력하고 로그인 버튼을 누르면 데이터가 서버에 전송되면서 로그인 기능이 수행 될 수 있도록 태그와 속성들을 추가해 줍니다. ① login.jsp 에 form 태그를 추가해 줍니다. (14번, 33번 라인) ② id_input 값과 pw_input 클래스에 name 속성을 추가해 줍니다. name 속성의 이름은 MemberVO에서 설정해 준 변수명과 동일해야 합니다. ③ jquary url 코드를 추가해 줍니다. jsp의 head 부분인 title과 l.. 공감수 2 댓글수 0 2023. 5. 2.
  • Spring [쇼핑몰프로젝트] - 로그인 기능 구현[17] 오늘은 로그인 기능 구현에 대한 첫번째 포스팅을 해보겠습니다 ヾ(≧▽≦*)o 1 구현 순서 1. 쿼리문 작성 & MemberMapper.xml 작성 2. MemberMapper.java 인터페이스 작성 3. mapper 로그인 메서드 테스트 4. MemberService.java 인터페이스, 클래스 작성 1. 쿼리문 작성 & MemberMapper.xml 작성 로그인에 사용할 쿼리문은 제출받은 로그인, 비밀번호 데이터와 비교하여 일치하는 데이터가 있을시 해당 아이디를 반환하고, 데이터가 없을 시 null을 반환하도록 설정해 줄것입니다. MemberMapper.xml에 작성하기 전에 정상적으로 실행되는지 Oracle에서 먼저 테스트를 진행 해줍니다. 우선 select * from member 로 데이터 베.. 공감수 0 댓글수 0 2023. 5. 1.
  • Spring [쇼핑몰프로젝트] - 이메일 형식 유효성 검사[16] 오늘은 이메일 형식 유효성 검사에 대한 포스팅을 해보겠습니다 （*＾-＾*） 구현 순서 1. 오류 수정 2. span 태그 추가 3. 이메일 형식 검사 메서드 4. 메서드 적용 5. 테스트 1. 오류 수정 이메일 형식 유효성 검사를 시작하기 전, 지난 포스팅에서 진행했던 프로젝트에서 오류가 발생이 되어서 수정을 해주겠습니다. 가입하기 버튼을 눌렀을 때 데이터 베이스로 값이 전송 되지 않고 화면이 메인 페이지로 넘어가지 않았던 오류인데, 변수명 오타가 있었습니다. idCheck변수를 idckCheck로 변경해 줍니다. 2. span 태그 추가 class명은 mail_input_box_warn으로 된 span 태그를 추가해 줍니다. 3. 이메일 형식 검사 메서드 이메일 형식 검사 메서드는 자바스크립트에서 제공.. 공감수 1 댓글수 0 2023. 4. 28.
  • Spring [쇼핑몰프로젝트] - 회원가입 유효성 검사[15] 오늘은 회원가입 유효성 검사에 대한 세번째 포스팅을 해보겠습니다 (*^_^*) 3 구현 순서 1. 이름 유효성 검사 2. 이메일 유효성 검사 3. 인증번호 유효성 검사 4. 주소 유효성 검사 5. 최종 유효성 검사 및 전송 6. 테스트 1. 이름 유효성 검사 이름 유효성 검사도 위에서 해준 코드와 비슷하게 작성해 줍니다. name 값이 공백이면 span 태그가 보이게 하고, nameCheck 변수에 false를 대입해줍니다. name 값이 공백이 아니면 span 태그가 안보이고, nameCheck에 true를 대입합니다. 2. 이메일 유효성 검사 이메일 유효성 검사 코드도 넣어줍니다. mail 값이 공백이면 span 태그가 보이게 하고, mailCheck 변수에 false를 대입해줍니다. mail 값이 .. 공감수 1 댓글수 0 2023. 4. 27.
  • Spring [쇼핑몰프로젝트] - 회원가입 유효성 검사[14] 오늘은 회원가입 유효성 검사에 대한 두번째 포스팅을 해보겠습니다 (*^_^*) 2 구현 순서 1. 비밀번호 유효성 검사 2. 비밀번호 확인 입력 검사 3. 비밀번호 확인 일치 검사 4. 테스트 1. 비밀번호 유효성 검사 비밀번호 유효성 검사도 아이디 유효성 검사와 같은 형식으로 작성해 줍니다. pw란에 아무것도 입력 되지 않으면 span 태그가 보이면서 false를 반환해줍니다. pw란에 입력이 되어 있으면 span 태그는 사라지게 하고 pwCheck에 true를 대입합니다. /* 비밀번호 유효성 검사 */ if(pw == ""){ $('.final_pw_ck').css('display','block'); pwCheck = false; }else{ $('.final_pw_ck').css('display'.. 공감수 1 댓글수 0 2023. 4. 26.
  • Spring [쇼핑몰프로젝트] - 회원가입 유효성 검사[13] 오늘은 회원가입 유효성 검사에 대한 첫번째 포스팅을 해보겠습니다 (*^_^*) 1 구현 순서 1. 유효성 검사란 ? 2. 유효성 검사 통과 유무 변수 선언 3. form 전송 막기 4. 입력값 변수 선언 5. span 태그 추가 6. 아이디 유효성 검사 7. 아이디 중복검사 유효성 검사 1. 유효성 검사란 ? 만약 사용자가 데이터를 잘못된 형식으로 입력하거나 NULL 값을 입력하고 데이터를 제출 한다면 에러가 발생하게 됩니다. 이를 방지 하기 위해 유효성 검사를 걸어 놓습니다. 유효성 검사는 사용자가 애플리케이션을 사용할 때 개발자가 의도한대로 사용하기 위한 수단입니다. 각 항목 (아이디, 비번 등)이 정상적으로 입력이 되었다면 true를, 그렇지 않으면 false를 반환하는데 사용하기 위한 변수를 선언.. 공감수 2 댓글수 0 2023. 4. 25.
  • Spring [쇼핑몰프로젝트] - 주소록 API 연동[12] 오늘은 주소록 API 연동에 대한 두번째 포스팅을 해보겠습니다 ( •̀ ω •́ )✧ 2 구현 순서 1. 주소 입력 예제 코드 추가 2. 예제코드 수정 3. 테스트 1. 주소 입력 예제 코드 추가 다음 우편번호 서비스 홈페이지에 가면 각 상황에 맞는 예제가 나와 있습니다. 저는 사용자가 선택한 값 이용하기 예제를 가져왔습니다. URL : Daum Postcode Service User Guide 2. 예제코드 수정 예제코드를 사용하고자 하는 환경에 맞게 수정해 주어야 합니다. ① 사용자가 도로명주소를 선택하였을 때 추가적으로 입력해야 할 정보를 참고 항목 필드에 입력되도록 되어 있는 부분을 지워줍니다. ② 주소가 입력되는 필드 부분에 추가 항목 필드에 입력될 정보가 함께 입력되도록 수정해 줍니다. ③ 두.. 공감수 1 댓글수 2 2023. 4. 25.
  • Spring [쇼핑몰프로젝트] - 주소록 API 연동[11] 오늘은 주소록 API 연동에 대한 첫번째 포스팅을 해보겠습니다 ( •̀ ω •́ )✧ 1 구현 순서 1. 외부 스크립트 파일 연결 코드 추가 2. 주소 검색 기능 메서드 추가 3. 다음 주소 팝업창 코드 추가 4. 주소찾기 버튼과 메서드 연결 5. 테스트 1. 외부 스크립트 파일 연결 코드 추가 다음 주소록 API를 사용하기 위해 join.jsp에 외부 스크립트를 연동하는 코드를 추가해 줍니다. (통합 로딩 방식) 2. 주소 검색 기능 메서드 추가 다음 주소 연동을 위한 메서드를 만들어 줍니다. 이름은 daum_address로 하였습니다. 3. 다음 주소 팝업창 코드 추가 다음 우편번호 서비스를 이용하려면, 아래와 같은 코드를 넣어주어야 합니다. (다음 API 홈페이지 내용 ↓) Daum PostCode.. 공감수 2 댓글수 0 2023. 4. 25.
  • Spring [쇼핑몰프로젝트] - 주소록 API 연동 전 수정사항[10] 오늘은 주소록 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.. 공감수 1 댓글수 0 2023. 4. 25.
  • Spring [쇼핑몰프로젝트] - 인증번호 이메일 전송[9] 오늘은 회원가입시 이메일 전송에 대한 세번째 포스팅을 해보겠습니다 ( *^-^)ρ 3 구현 순서 1. 인증번호 입력란 변환기능 2. 인증번호 일치여부 검사 기능 3. 테스트 1. 인증번호 입력란 변환기능 인증번호 입력란 태그의 속성(disabled) 값이 변경되어야 하고, 인증번호 입력란의 배경색이 변경되어야 인증번호 입력란을 사용할 수 있습니다. checkBox와 boxWrap 변수를 선언 및 할당해줍니다. (127-128번 라인) success 코드 안에 이메일 인증 입력란이 입력 가능하도록 속성을 변경해주는 코드를 추가해줍니다. (135번 라인) 또한 이메일 인증 입력란의 색상이 변경되도록 id속성 값을 변경해주는 코드를 추가해줍니다. (136번 라인) join.jsp의 스크립트 제일 상단에 cod.. 공감수 0 댓글수 0 2023. 4. 24.
  • Spring [쇼핑몰프로젝트] - 인증번호 이메일 전송[8] 오늘은 회원가입시 이메일 전송에 대한 두번째 포스팅을 해보겠습니다 ( *^-^)ρ 2 구현 순서 1. 인증번호 난수 생성 2. 인증번호 이메일 전송 3. 인증번호 뷰로 전송 1. 인증번호 난수 생성 인증번호는 6자리로 설정할 것입니다. 이를 위해 JAVA에서 Random 함수를 사용하겠습니다. random 클래스를 이용하여 객체변수 random을 생성해줍니다. checkNum에 nextInt()함수로 난수를 생성하고, 결과값을 할당합니다. 인증번호가 잘 나오는지 확인하기 위해 log를 찍어줍니다. 2. 인증번호 이메일 전송 String 변수를 선언해서 이메일에 필요한 정보들을 담습니다. - setForm : root-context.xml에 삽입한 자신의 이메일 계정의 이메일 주소입니다. - toMail .. 공감수 1 댓글수 0 2023. 4. 22.
  • Spring [쇼핑몰프로젝트] - 인증번호 이메일 전송[7] 오늘은 회원가입시 이메일 전송에 대한 첫번째 포스팅을 해보겠습니다 ( *^-^)ρ 구현 순서 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. 이메일 전송 메서드 추가 인증번호 전송 버튼을 클릭하면 작성하는 메서드를 작.. 공감수 2 댓글수 0 2023. 4. 21.
  • Spring [쇼핑몰프로젝트] - 인증번호 이메일 전송 환경 세팅[6] 오늘은 회원가입시 이메일 인증을 하기 전 환경 설정에 대해 포스팅 해보겠습니다 ヾ(•ω•`)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.. 공감수 0 댓글수 0 2023. 4. 20.
  • Spring [쇼핑몰프로젝트] - Telnet을 이용한 SMTP메일 발송[5] 오늘은 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 댓글수 0 2023. 4. 19.
    728x90
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.