본문 바로가기

Develop47

중간보고 피드백 (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.
반응형 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.
전기차 충전소 길찾기 (7) 오늘의 작업내용 ✅ 길찾기 네비게이션 1000m 단위 km로 변환✅ 도착 시간 시/분으로 표시✅ 자동완성 CSS✅ 자동완성시 해당 지역 아이콘 추가하기 까지 하고 SQLD 공부하기!     ✅ 길찾기 네비게이션 1000m 단위 km로 변환 + 도착 시간 시/분 표시  작업 전 사진!  길 찾기 시 제공되는 정보에 m로 표시가 되어있어서 1000m 단위를 km로 바꾸고89분 이렇게 표시되던 것들도 시간/분 단위로 바꿨다. 1시간 이상이면 1시간 + 분 으로1시간 미만이면 분 으로 표시되게 완료!// 총 예상 이동 시간 계산const totalDurationInSeconds = routeData.routes[0].summary.duration;const totalHours = Math.floor(totalD.. 2024. 11. 16.

티스토리툴바