스크럼마스터 : 선형
오늘 팀원들 상태
- 희현 : 잘 못 잤다. 피곤하지만 눈 뜨고 앉아있으니까 괜찮아지고 있다.
- 서연 : 잘 잔 줄 알았으나, 막상 일어나니 피곤하다. 하지만 프로젝트를 진행할 정도는 된다. 하다보면 괜찮아질 것 같다.
- 선형 : UI 만들다가 늦게 잤고, 엄청 피곤하다고 생각했는데, 깨서 앉아 있다보니까 잠이 깬다.
- 시윤 : 아침이라 좀 맹한 상태지만, 잠을 잘 자고 일어났다.
어제 한 일
- UI 만들기
- 프로젝트 디테일에 대한 회의 및 스크럼
- 디자이너 개발자 소통 특강
오늘 할 일
- 오늘 오후 스크럼 17시에 진행
- UI 브랜치 pull request
- UI 마저 구현
- UI 구현 끝난 사람은 기능 구현 시작
- 11시 디자이너님과 회의
- 6시까지 기술 멘토링 사전노트 제출
진행상황
시윤: 드래그 드롭 구현하셨지만 더 만져야한다. 반응형 해야하는데 희현님과 같은 코스 페이지 만져서 반응형은 한번 머지하고 작업하실 예정.
원격 브랜치가 보호받고 있어서 push가 안되는 문제가 있다.
희현: 필요한 부분 충돌 방지를 위해 컴포넌트로만 만들시고 PR.
서연: 헤더, 푸터 UI 완성 후 PR, Userpage UI 완성 후 PR, 헤더, 푸터 배경색 검정으로 넣었다. User 폴더 생성 후 작업하셨다.
선형: 배너, 검색 바, 리스트 UI 구현, 반응형은 미완성, 카테고리 변경할 때 useState로 상태관리
오후 스크럼
- 작업진행상황 공유
회의 - 기획
헤더
PC
- 배경 색상 고정
- 드롭다운 버튼 제거 후 아래와 같이 변경
- 마이페이지 버튼
- 글쓰기 버튼
- (닉네임) 님, 오늘은 어디로 떠나볼까요?
- 검색 아이콘 추가 : 검색 페이지로 이동
반응형
- 드롭다운 → 사이드바 형식으로 변경
메인페이지
<aside> ✅ 메인페이지/검색페이지 분리
</aside>
메인페이지
- 상단 이미지
- height 감소
- 검색페이지 이동 버튼 추가
- 기존의 검색 기능을 검색페이지로 분기
- 섹션1 : 서울, 부산, 제주도의 최다 좋아요 게시글
- 섹션2: 해시태그별 최신글
- 섹션3: 랜덤 게시글
- 게시글 mouseover로 맵핑 반환
검색페이지
- 상단 이미지 변경
- 기존의 검색 기능 유지
- 검색 결과 4X4 배열
- 무한스크롤 or 페이지네이션 or 더보기 버튼
추가기능
메인, 검색페이지 상단 이미지 캐로셀 고려
상세 회의 내용
디자이너님에게 전달해야하는 내용
코스가 들어간 지도 이미지를 넣어야 저희가 메인으로 구현하는 돋보일 것 같다.
메뉴 상단에 임의로 넣어놓으신 메뉴는 이용하지 않을 것 같다.
key function위로 넣을 거다
- 제일 처음 클릭하면 어느 페이지로 가는거지?
코스 전체가 보여지는 페이지로 넘어가기
검색창도 전체 코스 페이지로 가기
랜딩 배너에 버튼 두 개
- 아티클 서비스 ( 물리적으로 비어보이는 것, 기능적으로도)
보여주기 용 데이터라도 넣었으면 좋겠다는 것 같으시다.
9개 정도 링크가 있었으니
더 매력적으로 보일 것 같다요.
(개발자 입장에서 더미, 지정한 글만 넣는 것은
하다만 것 같은 느낌이 들 것 같다.)
(예약 페이지로 연결하는 걸로 하는 것은 좋다)
좋아요 지역 세 개를 선정하고 (제주도, 부산, 서울)
해시태그 + 최신
랜덤으로 추천하는 코스
- 랜딩페이지 크기 약간 줄이기
(괜찮다)
- 호버했을 시 사진, 지도로 바뀌는 (좋다)
- 추가 기능 - 메인 리스트 크기 다양하게 하게 불러오기
- 디테일 페이지 / 페이지네이션
- 정확도 별로 보여주기 (키워드를 넣었을 때 )
- 헤더 웹 페이지에서 늘여놓고 줄였을 때는 햄버거 버튼 드롭다운
- 날씨 위젯 잊지말기
- 메인이랑 코스페이지 배너 들어가고 두 가지 이미지는 달라지게 ( 텍스트도 달라지게)
- 추가 기능 - 배너 슬라이더
- 희연님이 글쓰기 post 부분 담당
알게된 것
깃헙 쓸 때 유용한 크롬 익스텐션
File Icons for GitHub and GitLab - Chrome 웹 스토어 (google.com)
File Icons for GitHub and GitLab
A simple browser tool changes file's icon on GitHub, GitLab, gitea and gogs.
chrome.google.com
https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc
Octotree - GitHub code tree
GitHub on steroids
chrome.google.com
input placeholder 위치 조정엔 "text-indent:"
'개발자 되는 중 > TIL&WIL' 카테고리의 다른 글
| 내배캠 WIL 2023.02 2주차 (0) | 2023.02.12 |
|---|---|
| 내배캠 TIL 2023.02.10 (0) | 2023.02.10 |
| 내배캠 TIL 2023.02.07 (0) | 2023.02.07 |
| 내배캠 TIL 2023.02.06 (0) | 2023.02.06 |
| [level 0] 문자열 뒤집기 - 120822 (0) | 2023.02.04 |