Develop/JPA14 마이페이지 회원정보 수정 로직 (14) 오늘은 마이페이지 95%까지 끝내놓고편하게 포폴 작업하고 싶어서 한번 하루를 써보겠습니다~! ✅처리 로직 회원 정보 수정 → 개인 정보 관리 → 비밀번호 확인(세션 = 입력 비밀번호) → 기본 개인정보 수정 or 비밀번호 수정 JSON으로 세션에 저장된 패스워드 = 입력 비밀번호 처리까지 완료하고성공 응답을 받으면 숨겨져있던 id = updateInfo가 보여지게 처리했다! 그러고 다음에 보여질 화면 구현하기! 필수 입력 정보 아이디는 readonly, 수정 불가이메일은 인증해야 수정 가능 사용자 정보닉네임 수정 가능생년월일 수정 가능휴대폰 번호 수정 가능 (인증하기?)가입일자 수정 가능 비밀번호누르면 새로운 display가 나타나서 비밀번호 수정 화면이 보여지게 예정. ✅클라이언트 인증하기 눌렀.. 2024. 11. 26. 마이페이지 회원정보 수정로직 (13) 마이페이지에서 회원정보 수정하는 로직을 짜고 있다. 회원 정보 수정을 누르면 새 창이 열리고 세션에 저장되어 있는 회원 이름, 이메일 주소를 보여주게 된다. 그 후 개인 정보 관리 버튼을 누르면 비밀번호 재확인을 해서 본인인증 프로세스를 거치게 된다. 비밀번호가 확인되면 서버에서 클라이언트로 다시 체크 성공 값을 보내고성공 값이 들어오면 회원정보 수정할 수 있는 칸이 나와서 최종적으로 회원정보를 수정할 수 있게 된다. 이건 내일 추가할 예정! 백엔드 재밌는데 지금 당장 해야할게 너무 많다. 포폴 정리도 해야하고 자소서도 써야하고 바쁘다 바빠! (몸살 이슈로 약먹고 꾸벅꾸벅 졸다가 갑자기 일어나서 열심히 썼으니까 오블완씨! 선물 주세요!) 오류 해결 과정1. 클라이언트에서 데이터를 json으.. 2024. 11. 25. 마이페이지에 백엔드 작업하기 (11) 어느정도 페이지가 마무리 된 상태에서 할 거 없나 어슬렁어슬렁 거리다가 마이페이지에 백엔드 작업이 필요한거 보고 get 해오기! 아직 JPA으로 백엔드 해본적이 없어서 공부라 생각하고 해보겠습니다~ 초기 마이페이지 회원이 로그인 후 마이페이지 들어가면나의 차량 정보를 등록하고 관리할 수 있게 추가하려고 한다. 나는 백엔드만 추가! 차량 사진, 차량 정보, 차량 번호, 유종 이 만들어져있어서 각각에 해당하는 값들을 사용자가 추가할 수 있게 작업했다. 수업 내용이랑 다른 친구가 해놓은거 참고하면서 최대한 이해해보기! JPA ? JPA는 자바의 ORM 프레임워크로객체 모델(Object Model)이랑 관계형 데이터베이스(Relational Database) 사이의 매핑을 자동으로 처리하.. 2024. 11. 21. 반응형 CSS 추가하기 (10) 오늘은 하루종일 반응형 CSS만 했다. 1024px,768px,425px, 3개 해상도에서 보이는 반응형 완료하기! ☑️ 1024px일단 1024px은 그래도 수월했다. 어느정도 잘 맞는 구간들이 있어서 겹치는 요소들만 콕콕 찝어서 수정해주면 됐다! ☑️ 768px 다음으로는 768px!여기서부터 슬슬 겹치는 요소들이 많아졌다.크기도 안맞고 font-size도 너무 크게 보이는 것들이 많아서 수정!주로 font-size, width, height값을 많이 수정해줬다. ☑️ 425px 마지막 425px! 여기서부터 할게 많았다.일단 지도 타입 컨트롤이랑 줌 컨트롤이 큰데 크기를 조절하기 힘들어서 그냥 없앴다. 화면 크기를 감지해서 425px 초과면 나오고 미만이면 나오지 않게 자바스크립.. 2024. 11. 20. 반응형 CSS 추가하기 (9) 어느정도 큰 기능들은 끝났고최초보고 피드백 반영하려고 반응형으로 CSS를 추가하는 작업을 했다. 반응형 웹 CSS가 뭔지 아무것도 모르는 상태에서 시작하려니까 살짝 막막했지만바로 구글링 시작! ☑️ CSS Media Query CSS Media Query는 뷰포트가 x 보다 넓다. 라고 지정한 규칙에 브라우저 및 장치 환경이 일치하는 경우에만 CSS를 적용할 수 있는 방법을 제공한다고 한다. 미디어쿼리 구문은 이런식으로 제공이 되고 있었다.@media media-type and (media-feature-rule) { /* CSS rules go here */} 유형에는 all, print, screen이 있고 min-width, max-width, orientation, resolution 등.. 2024. 11. 19. 카카오 길찾기 API (8) 저번 작업내용✅ 길찾기 네비게이션 1000m 단위 km로 변환✅ 도착 시간 시/분으로 표시✅ 자동완성 CSS✅ 자동완성시 해당 지역 아이콘 추가하기 오늘 작업내용☑️자동완성에 아이콘 추가☑️지역 검색, 초기화 시 마커, 검색 데이터 초기화☑️충전소 길 찾기 스왑버튼, 초기화버튼☑️네비게이션 CSS 정리 시작!!! ☑️자동완성에 아이콘 추가 저번에 자동완성 시 아이콘 영역 정해놨었고 오늘은 해당하는 아이콘 하나하나 찾아가면서 추가하는 작업을 했다. // category_group_code에 따른 아이콘 URL을 반환하는 함수function getIconUrl(categoryCode) { switch (categoryCode) { case 'MT1': return .. 2024. 11. 18. 이전 1 2 3 다음
