SPRING16 SPRING 팀 플젝 : 네이버 아이디로 로그인 하기(네아로) 1. 내용 : Spring 팀프로젝트에서는 네이버를 활용하여 회원가입과 로그인을 하기로 했다. 물론 일반 로그인도 그대로 남겨두었다. 2. 과정 중 특이점 : 네이버로 로그인 시 메일 주소를 가지고 회원가입 여부를 확인한 후 로그인 또는 회원가입 페이지로 넘어가기 때문에 가입 시 이메일 주소는 중복이 안 되게 해두었다. 다음에 플젝을 한다면 소셜 로그인을 추가하고 메일 주소를 아이디로 사용할 것 같다. 회원가입 시 네이버에서 제공하는 정보 외에 주소, 키, 몸무게, 체형 등 필요한 정보들이 더 있어서 바로 DB로 연동하지 않고 회원가입 페이지로 정보를 담아 이동하게 했다. 3. 화면 및 코드 0) 네이버 개발자 센터에 정보 등록하기 네이버 개발자 센터( https://developers.naver.com.. 2023. 1. 7. Spring 이중 등록 방지(double submit prevent) 이중 등록 방지(double submit prevent)란 사용자가 두 번 클릭을 하거나 새로고침을 했을 때 다시 등록하는 것을 방지하는 방법이다. 다양한 방식으로 구현하는데 모두 찾아서 정리해보았다. 1. jsp에서 방지하기 0) 오류가 있는지 확인하기 - 때문에 이중 등록이 되는 경우가 종종 발생하므로 이를 확인해본다. - form에서도 submit을 하고 javascript에서도 submit을 하고있지 않는지 확인해보기 버튼 타입을 제대로 설정하지 않았거나 함수에서 e.preventDefault()로 막아두지 않아서 이중등록이 되는 경우도 있다. 1) 버튼 비활성화 하기 : 버튼을 클릭하는 순간 disable로 만들면 한 번만 클릭하게 되어 이중 등록을 방지할 수 있다. 엔터를 쳤을 때는 소용이 없.. 2022. 12. 8. Cotroller에서 ModelAndView 사용하기 원래 수업시간에는 Controller에서 Model을 사용했다. @RequestMapping(value = "/board/boardView.wow") public String boardView(Model model, int boNo) { BoardVO board = service.getBoard(boNo); model.addAttribute("board", board); return "board/boardView"; } Model을 사용할 때는 위의 코드와 같았다. addAttribute()를 사용해서 값을 넣어주고 String형태로 리턴한다. 하지만 Model만으로는 내가 원하는 형태를 구현할 수 없었다. 로그인 화면에 추가로 메세지를 보내고 싶은데 방법을 몰랐던 것! 그래서 방법을 찾다 ModelAn.. 2022. 11. 30. SPRING 팀 플젝 남성 전용 쇼핑몰 '초코룩' 개요 1. 교육처 : 넥스트아이티교육센터(대전) 2. 프로젝트 기간 : 2022년 9월 5일 ~ 10월 21일 3. 개발환경 : Spring, 오라클DB, Python 4. 부트스트랩 템플릿 출처 : https://bootswatch.com/ 5. 사이트 주제 및 선정 이유 - 주제 : 남자들을 위한 남성 의류 쇼핑몰 & 커뮤니티로 "초보 코디러를 위한 룩북"의 줄임말이다. - 선정 이유 : 취향 추천이나 체형 추천, 코디북 만들기를 지원하는 여성 의류 사이트는 많이 있지만 남성 의류 사이트는 이러한 부분이 대부분 미흡하여 남성의 코디를 도와주는 사이트를 제작하게 되었다. 6. 상세 설명(최종 발표 PPT 참조) 1) WBS 2) ERD 3) UML 다이어그램 4) 각 화면 및 요구사항 화면은 이것보다 더 많.. 2022. 11. 7. SPRING 프로젝트 - 펀딩 사이트(7) : 페이지네이션 없이 무한스크롤 구현 1. 내용 : 내가 찜한 펀딩을 확인할 수 있는 페이지이다. 찜을 하면 DB에 있는 mem_like에 회원 아이디와 펀딩 번호가 저장되는데 나의 펀딩 페이지에서는 이 mem_like와 funding 테이블을 join해서 데이터를 가져온다. 페이지가 켜지면 바로 ajax를 이용해서 모든 정보를 List로 가지고 오는데 스크롤을 내릴 때마다 12개씩 뜨도록 무한스크롤을 사용하였다. 2. 과정 중 특이점 : 페이지네이션을 사용하면 쉽게 할 수 있지만 데이터를 모두 가져온 다음 필요한만큼 잘라서 무한스크롤을 하고 싶어서 이런 식으로 만들었는데 순서 부분 때문에 좀 헷갈렸다. 선생님의 도움과 구글링으로 해결할 수 있었다. 3. 화면 및 코드 1) 나의 펀딩 화면 펀딩리스트와 똑같은 모양이다. 아래 영상을 보면 화.. 2022. 9. 8. 이전 1 2 3 4 다음
