ParkYeseul's Archive

🔹프로젝트 기간2024.10.07 - 2024.11.05 (4주) 🔹프로젝트 주제공공데이터 활용 여행지 추천 및 여행 기록 공유 커뮤니티 서비스 🔹담당 역할조장 PPT 담당로그인/회원가입 아이디/비밀번호 찾기, 프로필 편집 마이페이지 FAQ페이지🔹사용 기술 환경Javascript, jsp, Java, Ajax, MySql, Tomcat, node.js, spring MVC, DBeaver, Mybatis 💭프로젝트에서 배운 점 1. 공공데이터 요청과 API 활용공공데이터를 활용하기 위해 요청 파라미터와 응답 형식의 중요성을 깨달았습니다.API 요청 시 파라미터를 구성하는 과정에서 개발 문서를 꼼꼼히 읽고API를 통해 데이터를 받아오려면 제공되는 요청 파라미터를 정확히 이해하고 적절히 작성해야 ..

🔹프로젝트 기간2024.08.14 - 2024.08.29 (2주) 🔹프로젝트 주제커뮤니티 중심 크라우드 펀딩 사이트 🔹담당 역할문서 총괄(수행 계획서, 요구사항 분석서)노션 회의 기록펀딩 페이지 리뷰 페이지🔹사용 기술 환경react, javascript, java, oracle, tomcat, node.js, spring boot, eclipse, DBeaver 💭프로젝트에서 배운 점개발 시작 후 가장 어렵게 느껴졌던 프론트와 백엔드 그리고 데이터베이스 연결 구조였습니다. 가시적으로 보이는 것이 아니기 때문에 막연하게만 느껴졌었고, 명쾌한 이해가 잘 되지 않았던 상태였습니다. 이 프로젝트를 진행하면서 프론트엔드와 백엔드 그리고 데이터베이스 연결 구조와 각 역할에 대해 배울 수 있었고 그 부분이 ..

2차 프로젝트 주제여기서 맡은 내 역할은 로그인/회원가입/ 마이페이지 구글, 네이버, 카카오 로그인 API와 마이페이지에서 사용할 공공데이터.  저렇게만 보면 얼마 없어보이는 페이지였지만, 생각보다 연결된 페이지가 무지 많았다.  1. 구글 로그인/회원가입2. 네이버 로그인/회원가입3. 카카오 로그인/회원가입 4. 이메일 회원가입 - 이메일 인증5. 아이디 찾기6. 비밀번호 찾기 7. 프로필 편집8. 마이페이지 홈(공공데이터, 여행일정, 내 게시글 불러오기)9. 마이페이지 각 네비바에 연결된 페이지들(내 여행, 내 게시글, 내 저장목록)10. FAQ각 페이지 별로 어렵고 난해했던 부분 보충했으면 하는 부분들을 정리해 보려고 한닷.   🍟1. 구글/카카오/네이버 로그인 회원가입처음 API를 불러와야 한다..

사람의 욕심은 끝이 없고~ 계속 볼수록 수정사항이 생기는 CSS 네 마이페이지 홈이구여! 네비바 누르면 각 탭으로 이동되게 해놨습니다. 근데 페이지가 너무 정적이라서 촌스러워가지고 이거 어떻게 해야하나 고민하던 중 챗봇을 하면 어떨까 생각했다.  숙슉 말풍선이 나오니까 꽤 동적인 요소이고, 자바스크립트로 충분히 구현이 가능하다니까 3시간 잡고 해봤다. 지선생님과 함께 자바스크립트 공부를 하면서 했기 때문에 더디고 조금 시간이 걸렸다. 아 마이페이지 닉네임이 왜 일론머스크냐고요?일론머스크가 되고 싶어하는 ...염소의 영감을 잔뜩 받았어요(ㅋㅋㅋㅋ)무튼 완성본 먼저    이렇게 해당 카테고리를 누르면하위 컨텐츠가 나오고 해당하는 질문을 클릭해서 답변을 볼 수 있다.    코드 리뷰를 해보겠습니다.  🩰se..

여행일정 마이페이지에 불러오기핫플, 저장목록, 게시글을 불러오고 마지막.. 여행일정 불러오기오늘은 오류 타파의 날! SELECT ts.period_start, ts.period_end, ts.title AS t_title, ts.city_name, ts.place_name, ts.place_address FROM M_Mypage mm JOIN travel_schedule ts ON mm.m_idx = ts.m_idx WHERE mm.m_idx = #{m_idx} ..

JSP와 스프링프레임워크로로그인 창에서 아이디, 비밀번호 찾기 구현하기아이디를 찾고, 비밀번호는 이메일 인증을 통해서 인증된 사용자가 비밀번호를 재설정할 수 있다.이 기능은 이메일 회원가입을 위한 기능!(메론빵과 소보로와 마라탕이랑 오레오랑 계란과자의 효과인가 오늘 무슨 일로 개발이 척척 되는거지? 더 많이 먹어야겠다.)       🍼아이디 찾기//회원정보 찾기@PostMapping("/findIdProcess")public String findIdProcess(@RequestParam("m_registration_type") String registrationType, @RequestParam("m_nickname") String nickname, ..

마이페이지의 핵심이라고 생각되는 프로필 편집을 하고 있다.  영역이 다 깨져있지만지금 프로필 이미지 변경을 가능 하도록 만들고 있다.  비밀번호도 유효성에 맞게 변경하도록 했으며, 비밀번호 확인란과 일치 해야만 변경이 된다.닉네임도 마찬가지로 고유한 값이기 때문에 중복 검사를 필요로 한다. 닉네임, 혹은 비밀번호만 변경할 수 있으며 이 페이지 하단의 회원 탈퇴를 누르면 탈퇴가 된다!    오류로 인해 조금 미뤄두었던 프로필 이미지란을 구현하고 있다.사진 업로드라니!! 사진을 업로드 하면 경로가 어떻게 가는지가 궁금해서 흐름을 한 번 알아보았다. 위에 파일 선택 버튼을 누르면 파일창이 뜨고 이미지를 선택할 수 있다.선택 후 변경하기 버튼을 누르면 Form태그 안에 내용이 서버로 전송된다. enctype="..

🎨다양한 페이지들과 내 마이페이지 연동하기 로그인을 한 경우 생기는 마이페이지에서 나의 활동 로그들을 한 눈에 볼 수 있도록하기 위한 테이블 조인 작업! 처음 해보는 테이블 조인으로 3일 전부터 무섭고 계속 퍼뜩 생각이 나가지고 빨리 해치우고 싶었으나, 제대로 해치워야지정리하면서 하면 하나하나 기억에 오래 저장할 수 있으니 한 번 기록해보겠어.  1. DB에 있는 공공데이터들 불러오기2. 내가 저장한 장소 저장 목록에 불러오기3. 내가 쓴 게시글 목록 불러오기    아래는 내가 그린 마이페이지 프로토타입  내 여행기 부분에 내가 쓴 게시글을 불러오기 위해서 조인 작업을 할 예정이다. 어제 공공API를 통해서 추천 핫플레이스를 DB에 저장해서 랜덤으로 불러오는 것과 핫플페이지 내 저장을 누르면 로그인한 ..

구글도 처음엔 mvc로 시도하다가 초기 셋팅이 오류가 있어서 다시 이클립스로 가서 작업했다. 그래서 파일이 비교적 단순한데 5개가 전부다.이걸로 간단히 하다가 네이버로 오니까 머리가 터질 수 밖에!한 번 짚고 가보다쿠👧🎅👩‍🚀👨‍💻👩‍💻      GoogleVOpackage dto;import java.sql.Timestamp;import lombok.AllArgsConstructor;import lombok.Data;import lombok.NoArgsConstructor;@Data // 게터, 세터, toString, equals, hashCode 등을 자동으로 생성@NoArgsConstructor // 기본 생성자 생성@AllArgsConstructor // 모든 필드를 매개변수..

안냐하세요.네이버 하다가 멘탈 탈탈탈탈곡기 마냥 탕탈ㄹ타ㅏㄹ 터졌습니다.성공했는데도 어..엉,...했다..이런 느낌이랄까 정리를 한 번 해보자.......  일단 네이버가 왜 힘들었냐면요 구글이랑 카카오는 익숙한 이클립스로 했는데 네이버는 MVC환경을 접한지 3일 됐는데 해보느라고 아주 애 먹었습니다.눈이 퀭하네요주말에는 정청산기 실기 공부만 전념할 수 있겠다 휴 🍥🍥          NaverLoginDAOpackage com.human.web.repository;import org.apache.ibatis.session.SqlSession;import org.springframework.beans.factory.annotation.Autowired;import org.springframework...