본문 바로가기

개인프로젝트 - TripSet

 (30)
Project (09.11) - 피드백 정리 중간점검 피드백일정관리하는 Date Range Picker는 기본값으로 설정된 값은 현재 날짜로 변경, 사용자 클릭하여 적용하는 부분은 console로 찍으면서 확인하면서 코드짜기gpt활용하여 추천하는 기능은 다른 사람이 했던 python setup 파일 참고해서 기능 적용할 것인지, Gpt api 활용해서 할 것인지, 진행해보고, 결정스타일링 추천 부분은 먼저 후기 게시판 구현 후 실행하고 스타일링 추천 보다는 기온별 옷차림으로 (그 날의 날씨는 이런데 이런 옷을 준비해야할 듯) - > 국내 기준으로 하기에 개인적인 질문..아직 코드짤 때 어색한 부분이 많아서 구글링을 많이하고, 오류 났을 때 gpt 활용도 하는데 코드를 가져와도 되는지에 대한 부분.. 그동안 바보같이 혼자 삽질.. 많이 해서 질문했는..
Project(09.10)- 중간점검 지금까지 디자인 요소.. 때문에 시간을 많이 뺏겨서 기능 구현을 아직 많이 하지 못한 상태1. 작업 했던 내용git 또는 블로그로 작성해서 올렸는데, 커다란 부분은 디자인, DB설계, 메인페이지, 로그인, 회원가입, 예약사이트 링크 제공, 카카오맵 목록 표출 기능, date2. 해야하지만 못한 내용디자인이랑 맞춰서 넣느라 시간도 많이 뺏기고,중간중간 에러해결하는부분, 코드 하나하나 짜는데도 시간이 꽤 걸림.. 그래서 아직 가장 중요한 일정추가하는 부분, 추천 기능 부분, 마이페이지 아직 못함..3. 하고싶은 내용또 스타일링 추천하는 기능은 주제와 맞지 않는 느낌이 들어서 다른 기능을 추가하는게 좋지않을까 싶어서후기 게시판으로 넣으면 어떨까? (사실 할 수 있을지 모르겠음.. 최대한 해봐야지..........
Project (09.10) - 회원가입(Document Object Model 오류 해결), 수정할 부분 회원가입 폼은 사용자가 아이디와 비밀번호 값을 저장한 후, 다음 페이지 클릭 시 입력했던 값을 임시로 저장한 후 넘기기 위해서본 가이드 라인에 내가 짠 디자인에 맞게 회원가입이 가능하도록 수정아이디, 비밀번호 정보를 저장하고 넘길 수 있도록 하기 위해서처음 입력했을 때 위와같은 에러가 계속 발생하였는데, 버튼 클릭하기도 전에 저런 에러가 떠서 구글링해서 찾아보니 해당 줄에서 addEventListener를 호출할 때, 대상 요소가 존재하지 않기 때문에 발생하는 오류라고 한다.이 문제에서는 주로 DOM이 완전히 로드되기 전에 JavaScript가 실행될 때 발생할 수 있다. 즉, document.getElementById('next-step')가 반환하는 요소가 존재하지 않는 상태에서 addEventLis..
Project (09.10) - 일정관리(목록) // 장소 검색 객체를 생성합니다var ps = new kakao.maps.services.Places(); // 키워드로 장소를 검색합니다ps.keywordSearch('이태원 맛집', placesSearchCB); // 키워드 검색 완료 시 호출되는 콜백함수 입니다function placesSearchCB (data, status, pagination) { if (status === kakao.maps.services.Status.OK) { // 검색된 장소 위치를 기준으로 지도 범위를 재설정하기위해 // LatLngBounds 객체에 좌표를 추가합니다 var bounds = new kakao.maps.LatLngBounds(); for (var..
Project (09.09) - 일정관리 기능 (카카오맵 API, Data Range Picker) Data Range Picker일정관리 기능 구현을 위해 피그마 퍼블링하여 가져오려고 했는데, 캘린더 부분 div로 다 바뀌어서 깨짐.. 내가 잘못 만들었거나 다운받은 캘린더가 잘못되거나 한거같은데 이렇게 된거 캘린더는 오픈 소스가져와서 구현하는게 좋을 것 같다Data Range Picker을 가지고 구현해보려고한다.Data Range Picker을 가지고 옴으로써 어떻게 이용할까?일단 startDate와 endDate를 서버에 보내면 해당 날짜 값을 저장하고, 해당 날짜 값도 달력에 남아있어야한다. 따라서 Date Range Picker에 데이터를 남기기도 하고, 서버에 보내기도 해야한다.$(function() { $('.duration').daterangepicker( { "single..
Project (09.08) - port 에러 Port 에러 🗝️위와 같이 에러가 뜨길래 application.yml에서 port를 바꾸고 실행시켜서 해보고, 프로그램 자체를 다시 재실행시켜도 안되서 찾아보니 명령 프롬프트에서아래 프로세스ID 실제아님netstat -ano | findstr :8082이렇게 작성하면 아래와 같은 결과가 나오는데TCP 127.0.0.1:8082 0.0.0.0:0 LISTENING 1234 port 8082를 사용 중인 프로세스의 PID(프로세스 ID)를 반환하게 된다.여기서 1234가 프로세스 IDtaskkill /PID 1234 /F 확인된 PID를 사용해서 해당 프로세스를 종료시킨다. ( 위의 명령어는 프로세스를 강제로 종료시킴)그리고 spring boot를 다시 실행시켜보니 정상작..
Project (09.05) - 로그인 기능 (addEventListener, DOMContentLoaded, querySelector) 1. 동작사용자가 로그인 버튼을 클릭하면 로그인 팝업창이 나타나고, 화면 배경이 어두워짐.사용자가 팝업창을 닫는 버튼을 클릭하면 팝업창과 어두운 배경이 사라진다. 처음에는 배운대로 addclass, removeclass로 적용시켜보았는데 레이아웃이 여러개고 충돌해서 클릭이 전혀 안됨.. 그래서 구글링, gpt 이것저것 찾아봐서 짜보았다.아직 세세하게 함수를 자세히 아는건 아니고 코드를 가져와서 수정한 것 밖에 없어서 공부해서 내 코드로 만들어보자  위에서 document는 웹 페이지 전체addEventListener('DOMContentLoaded', function() {...}) -> 웹 페이지가 완전히 로드된 후에 어떤 작업을 수행하라는 명령어addEventListener()는 ..
Project - 피그마 디자인(반응형)(3) 피그마 auto layout, 반응형 디자인 참고영상https://www.youtube.com/watch?v=H6Lw7QGykVo&list=PLA47HLsCOAWYhYf_SaorpvA7i__oXkI2Nhttps://www.youtube.com/watch?v=rn71Y-Hjr00적용이전 웹 디자인은 영상을 참고보다는, 다른 사람들의 디자인을 보고 피그마 감을 익히려고 이것저것 만져보면서, 전체적인 디자인 구성을 완성시켰다.그 뒤로 배경, 개발자 소개부분은 수정하라는 피드백을 얻었고 (개발자 소개 부분은 메인페이지에서 스크롤 하는 방식으로 수정 되었지만, 내용은 수정 안됨)다른 블로그들을 참고하고 혼자 반응형을 시도하였지만, 반대로 뒤집히거나, 따로따로 움직여서 정상적으로 움직이지 않았다.. 피그마자체로는 ..
728x90

티스토리툴바