백엔드 20

[Portfolio] 커뮤니티 기반 크라우드 펀딩 사이트

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

Project/javachip 2024.11.25

[3nd Project] 카카오 Api로 주차장 구현하기 6

자 이제 제일 큼직 큼직한 것만 나왔습니다. 처음부터 잘 모르고 무턱대고 덤벼서 생긴 일인 걸까?아니면 원래 다 이렇게 하는 건가 궁금하네 엄청 어려운 단계를 지나면 그 이후가 쉽고 이해가 빠르듯 지금도 그런 과정에 일부라고 생각한다.하지만, 그 어려운 단계를 잘 극복해 나가는 것도 쉬운 일은 아니니 ,, 과자를 먹자운동은 밤에 하고! (@^0^@)/(ノ◕ヮ◕)ノ*:・゚✧✪ ω ✪   일단 나는 전체 데이터를 받아와서 필터링을 해야하는데 한 번 호출 할 때 제한이 있이 때문에 페이지 별로 반복 요청으로 모든 페이지의 데이터를결합하는 방식으로 진행해야 한다.API 페이지네이션을 사용해 한 번에 불러올 수 있는 데이터 수가 제한되어 있으니까어쩔 수 없이 순차적으로 데이터 요청 후 모아서 결합해야 한다.  1..

Project/5V 2024.11.14

[3nd Project] 카카오 api로 주차장 구현하기 5

오늘의 첫 곡은 응급실입니다.이 드라마의 최고 아웃풋 응급실.(Tmi: 초딩 때 저 머리를 하고 싶어서 하고 다니다가 언니들한테 찍힌다고 친구가 겁줘서 튀는 머리 안했어요.그래서 29살이지만 머리 땋기, 양갈래 이런거 해도 되는 장소에는 내면의 욕구를 충족시키기 위해 하고 감요)무튼 오늘은 나 무조건 80% 끝낼거야. 오늘 해야 할 일1. 필터링된 공공데이터 주차장 리스트에 출력하기2. 지역 검색 필터 완벽 구현하기3. 내 위치 찍히게 바꾸기 4. 길찾기 부분 구현 해놓기 와 나 진짜 오늘 집중 빡할거야 그럴려고 아침에 빵 두 조각 냠냠굿나 오늘도 실패로 돌아가면 SQLD고 뭐고 집 안감ㅠㅠ 해보자 예슬아  🥊fetchParkingLotData - 주차장 데이터 불러오기 function fetchPar..

Project/5V 2024.11.13

[2nd Project] 자바스크립트와 JSP로 챗봇 만들기

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

Project/javachip 2024.10.26

[2nd Project] 아이디, 비밀번호 찾기/재설정(이메일 인증, JSP, STS)

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

Project/javachip 2024.10.22

[2nd Project] 프로필 이미지 수정(JSP, STS)

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

Project/javachip 2024.10.22

[2nd Project] 구글 API 구현하기

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

Project/javachip 2024.10.04

[2nd Project] 스프링, JSP, Javascript로 네이버 API 로그인 구현하기

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

Project/javachip 2024.10.04

[2nd Project] 카카오 로그인 API 구현

카카오 로그인 이녀석 누가 쉽다고 했어!!!!!코딩 병아리🐤🐥🐤🐣에게는 아주 어려웠다고요!도합 8시간 걸렸습니다.(금방 한 건가) 정확히 3번 엎었습니다.1. jsp로 해보겠다고 끙끙2. 스프링 MVC로 해보겠다고 끙끙3. 마지막 결국 자바스크립트 총평: 자바스크립트가 제일 간단하고 깔끔합니다. 다들 굳이 어렵게 하지마시고, 자바스크립트로 하세요자바스크립트 너 최고야. 😲 정리 해보면서 복기를 해보겠습니다.        카카오 개발자도구에 가서 애플리케이션 추가하면 앱 키가 나온다. 자바스크립트의 경우 자바스크립트 키로 쓰면 된다.(개발자도구에서 자세한 순서는 여기 블로그 참고)    🧀카카오 로그인 API 파일 DBCP.java현재 나는 DBCP를 이용해서 DB를 연결하고 있기 때문에 DBC..

Project/SideProject 2024.10.01

[2nd Project] ⁴ Servlet, JSP, AJAX 이메일 인증 기능 구현 및 오류 해결 과정

와아아아아아아 진짜 6시간 동안 싸운 오류와의 싸움 과정 기록.서블릿과 jsp를 이용하여 회원가입 페이지를 만들고 있다. 회원가입을 크게 이메일 가입과 SNS 가입 두 개로 나누었다.따라서 이메일 가입을 구현하기 위해서는 이메일 인증 절차가 필요했다.흐린 눈 하고 잠시 프론트만 할 때는 좋았는데 기능을 구현하려니까 약간 머리가 아팠다. 일단  구글 이메일 인증은 아래 블로그들을 참고 했다!!하나 하나 참고 하다보면 된다..🚚https://blog.naver.com/froginthesky/220834657436 https://studyforus.tistory.com/259 https://zero-week.tistory.com/87(진짜 너무 감사합니다..)    지금부터 회원가입, 이메일 인증 관련 파..

Project/javachip 2024.09.25