Project (63) 썸네일형 리스트형 [R.Manager - Toy Project] 3st (회원가입 - 비밀번호 및 입력 체크) Java Spring 비밀번호 확인 및 회원가입 [ Part 2 진행 순서 ] 비밀번호 유효성 검사 비밀번호 & 비밀번호 재확인 회원가입 기능 - DB에 저장 동영상은 회원가입부터 로그인까지의 시연 영상이지만 이전 포스팅에 언급했던 것처럼 생각보다 로직들이 많아서 나눠서 포스팅 진행 중이다 금일은 비밀번호 유효성 검사와 비밀번호와 비밀번호 재확인 기능 마지막으로 가입하기 버튼 클릭 시 DB에 입력 값을 모두 넣어주는 작업까지 진행할 예정이다 #registerBtn은 UI상 회원가입 버튼을 의미한다 해당 버튼을 클릭 시 여러 유효성 검사를 거치게 코드를 작성하였는데, 첫 번째로는 각각의 입력값이 만약 빈 값일 때 그대로 값을 DB에 입력하면 안 되기 때문에, (DB에 Not Null 값이 있을 시 오류 발.. [R.Manager - Toy Project] 2nd (회원가입 기능 - 아이디 중복 체크) Java Spring 아이디 중복체크 첫 번째로 만든 것은 회원가입 기능이다 생각보다 조건들이 많아서 2회에 걸쳐 포스팅하려 한다 [ Part 1 진행 순서 ] UI 구성 아이디 중복확인 기능 (비즈니스 로직) 첫 번째로, 회원가입 UI 등록 폼을 만들었다 jsp 파일에서 bootstrap을 이용하여 폼들을 구성하였고 사용자에게 회원가입 예시를 보여주기 위해 placeholder를 많이 사용하였다 Java에서 기본적으로 제공해주는 password type으로 비밀번호는 사용자 눈에 보이지 않게끔 구성하였고 이메일 또한 기본적으로 제공해주는 email type으로 이메일 형식을 체크해주었다 여기서 아이디는 중복이 되면 안 되기 때문에 중복체크 버튼을 만들었고, 버튼 클릭 시 현재 DB에 같은 아이디가 있는.. [R.Manager - Toy Project] 1st (Main UI, ERD) 그동안 만들었던 토이 프로젝트 포스팅 하려 한다 RManager는 아버지께서 회사 연구소에서 시약관리 업무를 하시는데, 주로 엑셀로 작업을 하시다가 불편함을 느끼셔서 웹사이트로 제작을 해드리려 시작하였다 2021년 2월 경에, IT에 대한 지식이 하나도 없던 나는 부트캠프 (스파르타 코딩 클럽)를 수강하면서 Python 언어와 Django 프레임워크를 사용하여 클론 코딩하여 웹사이트를 만들어 드린 적이 있다 약 3개월간 혼자 진행하였으며, 모든 코드들은 내 머리에서 나온 것이 아닌 구글링을 통해 남의 코드들을 짬뽕시켜 만든 것이었고 그렇기에 유지보수가 상당히 힘들었다 예를 들어 버튼 하나 만드는 데에도, 코드들을 분석하기 일쑤였고, DB 또한 존재하지 않았다 말 그대로 빈 껍데기 웹사이트였다 시간이 흐르.. [팀플 - Travel Jeju] End 최종 프로젝트가 끝이 났다. 3주간 5명의 팀원들과 협업하면서 많은 것들을 배운 것 같다 간트차트를 만들어서 계획을 수립하고 한걸음 한걸음 나아가면서 무사히 끝낼 수 있었다 프로젝트가 끝나기 2일 전부터 우리는 PPT를 만들면서 그동안 해왔던 기능들을 정리하였다 https://github.com/JejuislandToyProject/JejuIsland/blob/dev/Project_travel_jeju_ppt.pdf GitHub - JejuislandToyProject/JejuIsland: 제주도 홍보 토이 프로젝트 제주도 홍보 토이 프로젝트. Contribute to JejuislandToyProject/JejuIsland development by creating an account on GitHub.. [팀플 - Travel Jeju] Usecase & ERD 비회원 여행지 목록 조회 여행지 검색 게시물 검색 게시물 상세 조회 게시물 좋아요 게시물 목록 조회 회원 비회원의 모든 기능 가능 여행 경로 저장 게시물 작성 저장된 여행 경로 조회 작성한 게시글 조회 관리자 방문자 수 확인 회원관리 - 회원 조회 및 게시물 작성 권한 사이트 관리 - 메인 수정 총 테이블 수 : 10개 Admin, Introduce, mycourse, CourseDetail, visit, main_info, famous_restaurant, Locations, User, Tourist_Spot [팀플 - Travel Jeju] 18th course - Board Like Function [ 오늘 할 일 ] 게시판 좋아요 기능 구현 [ 전체적인 흐름 ] 맛집 게시판 Jsp에서 ajax로 좋아요를 카운트할 Id값을 컨트롤러로 전송 컨트롤러에서 ibatis문법을 이용하여 클릭 한 카드의 좋아요 데이터를 update 함 update 한 카드의 정보를 select문으로 가져온 후 jsp로 다시 전송 jsp에서 넘어온 데이터를 innerHTML로 숫자를 카운트해준다 결과물 맨 처음으로 jsp에서는 ajax의 GET 방식으로 좋아요가 눌린 카드의 spotId를 파라미터 값으로 RestController로 넘겨준다 RestController에서는 넘겨받은 id값을 ibatis 매개변수로 사용하여 addLike sql문을 실행한다 id값이 일치하는 DB 데이터의 좋아요 숫자를 +1 증가시켜서 updat.. [팀플 - Travel Jeju] 17th course - Associate Polygon-Board [ 오늘 할 일 ] 폴리곤과 게시판 연동하기 [ 전체적인 흐름 ] 폴리곤 지역 클릭 시 해당 지역 이름을 컨트롤러로 전송 전달받은 지역 이름을 모델에 실어 컨트롤러에서 맛집 게시판으로 전송 jstl 문법을 이용하여 전달받은 모델이 있을때와 없을 때를 구분 폴리곤을 통해 맛집게시판으로 진입하였을 때는, 지역 이름을 검색바에 넣은 후 자동 클릭 실행 컨트롤러-ibatis를 이용하여 해당지역에 있는 맛집들만 불러옴 jsp에서 전달받은 Json 데이터를 카드형식으로 만들어 웹페이지에 띄워줌 결과물 메인화면에 있는 폴리곤 클릭 시 해당지역에 관한 모달 창이 뜨게 되고, 모달 창에 위치한 상세보기 버튼을 클릭하면 URL을 이용하여 해당 지역 이름을 담아서 전송한다 컨트롤러에서는 클릭한 지역이름을 변수명이 polyg.. [팀플 - Travel Jeju] 16th course - Board Search [ 오늘 할 일 ] 카드 게시판 검색 기능 구현 [ 전체적인 흐름 ] 코드 분석 (다른 조원이 만들던 페이지) ajax로 데이터 RestController로 보내기 검색한 내용으로 DB 조회하여 데이터 받아오기 jsp에서 카드로 그려서 페이지에 띄우기 처음으로 한 일은 jsp에서 컨트롤러로 데이터를 전송하는 일이다 검색 버튼과 검색한 내용을 각각 searchBtn, searchValue로 불러와서 버튼에 클릭이벤트를 부여하였다 검색 버튼을 클릭 시 첫 번째로는 카드들이 담겨있는 contents-body를 모두 비워준다 그리고 searchRequest 함수를 실행시키는데 이때 매개변수를 검색할 내용으로 한다 함수는 ajax의 GET방식으로 파라미터값으로 검색할 내용을 담아 전송한다 컨트롤러에서는 jsp에서.. 이전 1 2 3 4 ··· 8 다음
