스프링프로젝트3 SPRING 팀 플젝 : 쇼핑몰 고객센터 FAQ 1. 내용 쇼핑몰 고객들이 많이 물을만한 질문들을 모아 만든 FAQ로 회원정보, 구매 안내, 교환/반품이라는 3개의 대주제 밑으로 "아이디/비밀번호를 변경하고 싶어요" 등의 질문들을 아코디언에 넣고 고객이 클릭하면 채팅처럼 질문과 답변이 뜨도록 만들었다. 2. 과정 중 특이점 고객이 질문을 쓰면 텍스트 분석 후 그에 맞는 답변을 하는 챗봇을 구상했는데 챗봇에 할만한 질문들은 뻔하고 그 외의 질문들은 채팅을 이용하는 편이 나은 것 같아 수정하고 윗 부분에 채팅상담 버튼을 넣었다. 채팅 상담은 채팅 API인 https://tawk.to를 활용하였다. 3. 코드 및 화면 1) top.jsp 고객센터 버튼을 누르면 새 창에 초코룩 고객센터 화면이 뜨게 했다. option으로 크기를 고정하였다. 2) 고객센터 화.. 2023. 1. 27. SPRING 프로젝트 - 펀딩 사이트(7) : 페이지네이션 없이 무한스크롤 구현 1. 내용 : 내가 찜한 펀딩을 확인할 수 있는 페이지이다. 찜을 하면 DB에 있는 mem_like에 회원 아이디와 펀딩 번호가 저장되는데 나의 펀딩 페이지에서는 이 mem_like와 funding 테이블을 join해서 데이터를 가져온다. 페이지가 켜지면 바로 ajax를 이용해서 모든 정보를 List로 가지고 오는데 스크롤을 내릴 때마다 12개씩 뜨도록 무한스크롤을 사용하였다. 2. 과정 중 특이점 : 페이지네이션을 사용하면 쉽게 할 수 있지만 데이터를 모두 가져온 다음 필요한만큼 잘라서 무한스크롤을 하고 싶어서 이런 식으로 만들었는데 순서 부분 때문에 좀 헷갈렸다. 선생님의 도움과 구글링으로 해결할 수 있었다. 3. 화면 및 코드 1) 나의 펀딩 화면 펀딩리스트와 똑같은 모양이다. 아래 영상을 보면 화.. 2022. 9. 8. SPRING 프로젝트 - 펀딩 사이트 (6) : 회원가입 1. 내용 : 회원가입을 하는 페이지이다. 주소는 API를 사용하여 우편번호와 기본 주소를 자동으로 넣게 하였다. 2. 과정 중 특이점 : 우편번호 찾기를 간단하게 구현하게 해주는 API를 찾아서 쉽게 넣을 수 있었다. 아이디 중복 체크는 이전 화면구현 때도 해봤었기 때문에 이번에도 그대로 적용하였다. 다음 번엔 validation을 적용해야겠다. 3. 화면 및 코드 1) 회원가입 화면 회원가입 화면에서는 아이디, 비밀번호, 닉네임, 성별, 생일, 휴대전화, 이메일, 주소를 받는다. 각각의 정보는 모두 required라서 입력하지 않고 회원가입 번호를 누르면 '이 입력란을 작성하세요.'라고 안내가 뜬다. 그리고 이메일같은 경우 형식을 맞추지 않았을 시에 형식을 맞추라고 안내가 뜬다. 2) JSP (전체 .. 2022. 9. 6. 이전 1 다음
