본문 바로가기

Develop44

SSL인증서를 통해 프로젝트 서버를 HTTPS로 전환하기 1차 프로젝트는 github에서 제공하는 io로 리액트로 만든 클라이언트 부분만 보여질 수 있었고,서버단에서 처리하는 건 하나도 안됐다. 그래도 그땐 외부에서 프론트라도 보여지는거에 신기했는데2차,3차의 web-inf > views는 보안 목적때문에 github.io로 사용하지도 못해서 어떻게 해야 하나 고민중이였다. 포폴에 프로젝트 했던거 배포해 보려고 이것저것 알아보다가갑자기 2차 발표때 톰캣으로 서버 킨 상태에서 ip주소로 다른 컴퓨터에서 들어간 기억이랑,aws로 프로젝트 배포하는 법 잠깐(3시간..) 배운 기억이 나서 이것저것 찾아봤다. 검색해본 결과톰캣으로 서버 돌리고사설 IP를 공인 IP로 바꾸고 공인IP:9090하면 외부에서도 접속이 된다고 한다!거기다가 공인 IP:443으로 HTTPS 설정.. 2024. 11. 27.
마이페이지 회원정보 수정 로직 (14) 오늘은 마이페이지 95%까지 끝내놓고편하게 포폴 작업하고 싶어서 한번 하루를 써보겠습니다~!  ✅처리 로직  회원 정보 수정 → 개인 정보 관리 → 비밀번호 확인(세션 = 입력 비밀번호) → 기본 개인정보 수정 or 비밀번호 수정  JSON으로 세션에 저장된 패스워드 = 입력 비밀번호 처리까지 완료하고성공 응답을 받으면 숨겨져있던 id = updateInfo가 보여지게 처리했다! 그러고 다음에 보여질 화면 구현하기!  필수 입력 정보 아이디는 readonly, 수정 불가이메일은 인증해야 수정 가능 사용자 정보닉네임 수정 가능생년월일 수정 가능휴대폰 번호 수정 가능 (인증하기?)가입일자 수정 가능 비밀번호누르면 새로운 display가 나타나서 비밀번호 수정 화면이 보여지게 예정. ✅클라이언트 인증하기 눌렀.. 2024. 11. 26.
마이페이지 회원정보 수정로직 (13) 마이페이지에서 회원정보 수정하는 로직을 짜고 있다.   회원 정보 수정을 누르면 새 창이 열리고 세션에 저장되어 있는 회원 이름, 이메일 주소를 보여주게 된다.   그 후 개인 정보 관리 버튼을 누르면 비밀번호 재확인을 해서 본인인증 프로세스를 거치게 된다.  비밀번호가 확인되면 서버에서 클라이언트로 다시 체크 성공 값을 보내고성공 값이 들어오면 회원정보 수정할 수 있는 칸이 나와서 최종적으로 회원정보를 수정할 수 있게 된다. 이건 내일 추가할 예정! 백엔드 재밌는데 지금 당장 해야할게 너무 많다. 포폴 정리도 해야하고 자소서도 써야하고 바쁘다 바빠! (몸살 이슈로 약먹고 꾸벅꾸벅 졸다가 갑자기 일어나서 열심히 썼으니까 오블완씨! 선물 주세요!)    오류 해결 과정1. 클라이언트에서 데이터를 json으.. 2024. 11. 25.
중간보고 피드백 (12) 네 오늘은 중간보고 날이었고늘 그랬듯 피드백도 받아왔습니다.. 거두절미하고 피드백부터 반영해 봅시다..  ✅피드백 멘토님 피드백 한 줄 정리전체적으로 기능에 대해서는 잘 구현이 되어있지만 UI정리가 필요하다. 쌤 피드백 한 줄 정리사용자들이 익숙한 색상, 경험이 있는 데는 이유가 있다. UI, UX를 신경 써서 프로젝트를 진행하자.   피드백의 주된 내용들이 다 UI, UX에 대한 것들이었다.개인적인 생각이지만 백엔드는 구현해야 할 것들이 정해져 있기 때문에 기능 중점으로 따라가면 잘할 수 있는 것 같은데,프론트는 창작(?)의 영역인 느낌이다. 처음 어떻게 시작해야 할지 막막한 느낌.. 그렇다고 생각대로 하면 어색하고 이상하고..쌤 피드백 중에서실제 사이트 색감을 그대로 쓰면 된다.사용자들이 익숙한 색감.. 2024. 11. 22.
마이페이지에 백엔드 작업하기 (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.