코딩계의 메시

Spring Boot 프로젝트 10일차. 저번에 이어 api와 js를 추가한 퍼블리싱을 완료하였습니다. 추가로 사용된 api에 대해 설명드리겠습니다. 📌우편번호검색 API주소찾기 버튼을 누르면 지도검색 창이 나타고 주소를 입력후 선택하면 아래 우편번호와 주소에 자동으로 입력되는 api입니다.먼저 지도(다음) 오픈api를 script로 연결해줍니다. 다음 js에서 api를 실행하는 코드를 입력해줍니다.// 주소 검색document.addEventListener('DOMContentLoaded', function () { const addressSearchBtn = document.getElementById('addressSearch'); addressSearchBtn.addEventListener('..

Spring Boot 프로젝트 9차. 저번에 html과 css만 사용한 퍼블리싱을 완성하였습니다. 이제 js를 추가하여 api나 부가적인 기능들을 추가하여 퍼블리싱 작업을 마무리하려고 합니다. 아래는 js를 추가한 페이지 및 코드들입니다. 📌완료된 퍼블리싱 페이지 (1)-값을 입력하였는지 유효성 검사하는 코드 성명 성명을 정확히 입력해주세요 먼저 이름을 입력하는 input창 아래에 경고문 div를 삽입한 후 display:none으로 숨김처리를 합니다.이후 js에서 입력창이 빈값인지 확인한 후 빈값일시 에러메세지를 block처리하여 다시 나타..

Spring Boot 프로젝트 8일차. 지금까지 진행된 회의를 토대로 퍼블리싱과 백단 파트를 분배한 후 퍼블리싱 작업을 시작하였습니다. 입양과 봉사 페이지 퍼블리싱 및 백단 파트를 분배받았으며 퍼블리싱을 진행하면서 백단 작업 시 어떻게 해야할지 계속 생각하며 진행하였습니다.  📌완료된 퍼블리싱 페이지 -입양 메인 페이지 -안심입양/임시보호/후기 글 목록 페이지   -안심입양/임시보호(같은형식) 글 작성 페이지(경고문은 js적용 미입력시 나타남) -후기 글 작성 페이지

Spring Boot 프로젝트 7일차. 지금까지 작성했던 피그마/플로우차트/유스케이스 명세서/다이어그램/기능흐름도를 검토하여 최종적으로 기능들의 우선순위, 수정사항을 정하는 회의를 진행하였습니다.📌피그마 및 기능 수정사항** 중복되는 형식이 있어도 복붙해서라도 페이지 만들기 입양 신청 모달 -> 마이페이지 회의 후 변경 명세서 - 기부 / 입양 / 봉사  입양후기 -> 추천 클릭 없앰 기능 -> 마감 버튼 추가 마감 버튼 눌렀을때 제목에만 마감이라고 표시 마이페이지 신청내역 페이지 회의 봉사에서 신청 페이지가 있어야 함 기부에서 신청 페이지가 있어야 함 -> 기부 결제 api사용 봉사에서 신청 버튼 클릭하면 신청서 페이지로 이동  폼 입력 후 작성 완료 -> 신청이완료되었습니다 알터 센터 마이페이지에서..

Spring Boot 프로젝트 6일차. 각자 분배받은 파트를 피그마에서 작성하던 중 놓친 부분들이 있어 회의를 진행하였습니다. 📌피그마 및 기능 수정사항입양 페이지-추천기능삭제-입양/임시보호 글 목록 페이지에 유기견 정보 노출되도록 수정-입양/임시보호 글 작성 시 유기견 정보 입력칸 추가-입양/임시보호 신청서 작성 시 " *입양관련 여부는 신청인에게 개인적으로 연락드릴 예정입니다." 문구 추가마이 페이지-일반회원 봉사/기부 신청내역 페이지 추가-센터회원 봉사/기부 관리 페이지 추가-센터회원 봉사/기부 페이지에서 수락/거부/봉사완료 기능 추가기부 페이지-결제 API사용하여 기부📌다음회의 준비사항피그마 및 유스케이스 수정추가적인 회의사항 있을 시 준비

Spring Boot 프로젝트 5일차. 그동안 진행했던 회의를 토대로 구현해야하는 사이트의 디자인을 피그마에서 작성하는 시간을 가졌습니다. 다양한 래퍼사이트들을 참고하여 디자인 및 색상 뿐만 아니라 각 페이지의 크기나 폭 등도 결정하였습니다. 📌페이지 색상 및 너비기본 색상 - F5EAD9(베이지) 대비 색상 - 9B805D(갈색) header - width : 1080px- height : 120px main- width : 1080px footer- width : 1080px- height : 200px 📌피그마 분배 및 작성 📌피그마 수정사항커뮤니티-디테일 맞추기(색상)로그인/회원가입-회원가입 페이지 없음-유효성 검사 등 버튼 클릭했을 때 어디로 이동하는지 작성하기-회원로그인 일반로그인 ..

Spring Boot 프로젝트 4일차. 3일차에 작성했던 기능흐름도와 플로우차트를 수정하고 유스케이스 명세서를 작성하는 시간을 가졌습니다. 회의를 통해 추가/삭제된 기능들도 있으며 누락된 기능들이나 잘못 작성된 부분들을 수정하였습니다.📌기능수정사항(기능흐름도와 플로우차트, 유스케이스 명세서에도 반영)아이디찾기 - 번호로 찾기 , 이메일로 찾기비밀번호 찾기 - 아이디 입력 후 아이디가 동일하면 임시 비밀번호를 이메일로 전송회원가입 - 생년월일 삭제 , 회원가입 완료시 알터[마이페이지 변경사항] 일반회원 - 개인정보 수정 전 아이디, 비밀번호 인증 후 수정 가능하게 변경 센터 - 입양 글 관리를 관리자에서 센터로 변경 관리자 - 회원 상태관리 , 게시글 관리(커뮤니티,유기견 보호시설, 봉사 , 공지사항 )..

Spring Boot 프로젝트 3일차. 2일차에 선정했던  '유기견 봉사활동 플랫폼'에 대해 강사님께 피드백을 받은 후 기능을 좀 더 세분화하여 회의하고 이에 맞춰 기능흐름도와 플로우차트를 작성하는 시간을 가졌습니다. 📌강사님 피드백카풀 기능 봉사 커뮤니티로 이동마감된 봉사활동 어떻게 처리할 것인지입양중개 게시판에 등록할 입양 절차 알아보기쪽지 기능 세분화 📌주요기능 세분화 및 우선순위 설정1. 마이페이지(개인/센터/관리자)    -개인 : 프로필, 개인정보수정, 작성글조회, 봉사이력, 결제이력, 쪽지함, 배송현황, 업적(봉사시간), 탈퇴       -센터 : 프로필, 작성글조회, 봉사모집글 조회, 쪽지함,  탈퇴      -관리자 : 게시글관리, 회원관리      2. 커뮤니티       -자유, ..

Spring Boot 프로젝트 2일차. 1일차에 선정했던 주제는 저번 JSP프로젝트와 유사한 부분이 너무 많아 각자 새로운 주제를 찾아와 주제 선정을 다시 하는 시간을 가졌습니다. 다행히 팀원들이 만족하는 주제로 새롭게 선정하였고 새로운 주제인 '유기견 봉사활동 플랫폼'이라는 주제로 하여 기능에 대해 회의하는 시간을 가졌습니다.  📌주제선정- 사전조사 내용 공유 및 주제선정 투표- 2차 선정된 주제1.키워드 : 반려동물 커뮤니티타겟대상 : 반려동물을 기르거나 기를 계획이 있는 사람들반려동물 동반가능 문화시설 위치 및 목록공공데이터 : https://www.data.go.kr/data/15111389/fileData.dohttps://www.data.go.kr/data/15111389/fileData.d..

Spring Boot 프로젝트 1일차. 첫날은 각자 조사해온 프로젝트 주제를 공유하고어떤 주제를 선정하여 프로젝트를 진행할 것인지 앞으로 프로젝트를 진행하며 지켜야할 규칙들에 대해 회의를 진행하였습니다.  📌주제선정- 사전조사 내용 공유 및 주제선정 투표- 1차 선정된 주제1.키워드 : 교통사고 분석타겟대상 : 운전자특정 지역의 교통사고 데이터를 시각화하고 분석할 수 있는 사이트 =>사고 발생 위치, 시간대, 사고 원인 등을 보여줌공공데이터 : 교통사고 원인조사 대상 및 사고다발지점 개방정보 (국토교통부)레퍼사이트 : https://taas.koroad.or.kr/web/shp/mik/main.do?menuId=WEB_KMP2.키워드 : 지역별 예방접종타겟대상 : 모두병원별로 가능한 예방접종 모아서 보..