팀프로젝트 기록

brave_chicken·2024년 7월 1일

잇(IT)생 챌린지

목록 보기
81/90

이제 팀프로젝트가 딱 2주 남았다.
웬만한 우선순위의 기능들은 거의 다 개발했고, 보수작업을 하며 발표를 슬슬 준비해야하는 시기이다.

토요일에 받은 멘토링을 바탕으로 우선순위를 재분류하고 남은 일들을 효율적으로 재구성하며 마무리를 하고있다.

오늘 했던 작업은 크게 메인페이지(index)에 피드백을 바탕으로 추가적인 효과를 주는 작업과 이벤트 목록 페이지를 보수하는 작업 두개로 분류할 수 있다.

메인페이지 작업

  • autoplay 효과가 없애기
  • loop 없애기
  • 순위가 있는 목록에 순위 표시하기
  • 목록별로 제목 누르면 이벤트 카드목록으로 볼 수 있게 연결하기
  • 카테고리만 목록의 양식이 달랐는데 통일하기
  • hover시에 이벤트 정보(이벤트 이름, 별점, 기간 등) 보이게 하기
  • 넘치는 글자는 한 줄로 자르고 생략문자 주기



메인페이지 작업 중 생긴 문제

  • hover 효과를 주니 태그 안에 주었던 onclick이 작동하지 않음
    => pointer-events: auto; 와 z-index: 2;를 주어도 해결되지 않음
    (아마 js코드가 아닌 태그 안에 준 onclick이라 그런듯)
    => hover하는 태그에 이미지 태그에 있던 onclick을 주니 다시 작동함
  • 순위를 어떻게 줄지 고민

    each에 i를 부여하고 0부터 나오는 index에 1을 추가하고 문자인 "위"를 옆에 추가함
  • 목록이 뜨지 않아서 mapper에 있는 sql문을 수정

목록페이지 작업

  • 피드백대로 기간을 추가하고 정렬과 텍스트 배치 수정
  • 검색 목록화면과 카테고리 목록화면도 함께 수정
  • 상단바 추가하기
  • 지도 마커 닫기표시랑 제목이 겹치지 않게 수정

참고했던 글

이미지 hover시 글자표시

글자수 초과시 생략문자주기







본 포스팅은 멀티캠퍼스의 멀티잇 백엔드 개발(Java)의 교육을 수강하고 작성되었습니다.

0개의 댓글