웹을 고려한 max-width (진환)
- 모바일 기반이긴 하지만 max-width가 얼마가 되어야 하는지?
- 이부분은 defaultTemplate에서 max-width를 설정하면 좋을 듯 싶습니다.
희진 - 저도 논의가 필요하다고 생각해요 → 진환: 그래도 PC로 본다고 생각한다면 640px으로 가는게 좋다고 생각합니다!
[ > 솜씨당도 PC임에도 불구하고 max-width를 모바일 처럼 설정 해 두었더라구요] - 솜씨당은 max-width: 480px; 입니다!
카카오 메이커스(https://makers.kakao.com/)는 width: 640px;
디자인 컨벤션 (희진)
- 디자인 컨벤션 [희진 의견]
font-size, font-weight, gradient 방법등 일단 제가 짠것을 공유합니다
Header <HeaderWrapper> background: linear-gradient(135deg, #b88bd6 0%, #b88bd6 0.01%, #a8bac8 100%); <Title> font-size: 30px; font-weight: 700; <Location> font-size: 16px; font-weight: 700; 전체 공통 화면 양 옆에 margin : 20px;
pages 폴더 구조 (진환)
페이지안에 index를 만들면 좋은점 : style을 별도로 분리할 수 있고, types도 나중에 분리할 수 있다.
나중에 깔끔해진다?
단점 : 한번더 클릭해야한다? , 코드가 짧을땐 더 보기가 힘들수도
카테고리에 우선적으로 들어갈 lists (희진)
- 카테고리에 들어갈 lists들
- 요리
- 도자기
- 플라워
- 미술
- 뷰티
- 음악
- 수공예
- 액티비티
예약 페이지 도메인 (진환)
예약페이지가 reservation이 맞을까? booking 이나 book이 더 간단할수도 있을듯!?
- 상단 하단 Nav바 안보이게 처리 어떻게 할지
- 어떤 페이지는 상단하단 둘다 없고 어떤 페이지는 하단만 없는데, 분기처리 하는 방식이 달라져야 하나요?
- 이전으로 돌아가기 만들때 어떻게 만들 것인지? (진환)
- 상태관리 recoil이나 context를 쓰면 편하게 분기처리 할 수 있을거에요!!! (진환)
이전 페이지로 돌아가기 (진환)
페이지 맨위에 이렇게 이전 페이지로 돌아가기로 만들 것인지? (이렇게 하면 컴포넌트만 만들면 될듯 싶습니다.)
혹은 Top네비게이션에 뒤로가기 버튼을 만들 것인지?
스크롤 방식 통일화 (진환)
- css 스타일 통일화 (스크롤 위치 확인)
재사용성과 추후 반응형을 고려한 디자인을 위해선 위 처럼 body에 스크롤이 생기는 것으로 하면 어떨지?
모든 스크롤이 바깥에 있다.
scroll 없애기
- searchresultPage 공방 검색결과에 x, y 스크롤이 있음
- HomePage 금주의 인기 클래스에 x스크롤 이있음
(무시— 무시)
& { -ms-overflow-style: none; //IE scrollbar-width: none; //firefox } &::-webkit-scrollbar { display: none; // chrome }
별점 컴포넌트 디자인
- 후기 페이지에서 별점 디자인
우선 이런식으로 모달을 만들긴 했는데 별점을 어떻게 적용해야할지 고민입니다.
별하나와 3.7 이렇게 만들면 될지..?
선택한 이미지 보이기
- IMG upload 선택시 선택한 이미지 보이기 (일단 upload 컴포넌트에 주석 처리로 코드 써 놓음)
Feed 이미지 크기 정하기
피그마 디자인 (390 * 346)
1대 1 사이즈로 적용한 디자인 (640 * 640) [의견 : max-height 정하기!]
— 비율이 꼭 1대 1이 아니여도 좋을것 같습니다.
— 반응형을 우선적으로 하는 건 아니지만 max-height정도는 정했으면 좋겠습니다!
- 아이폰 8Plus - 하나밖에 보이지 않아 아쉽네요 ㅠ
- 웹버전
예외처리
ex, 현재 (prop을 넘겨주는)방식으로 댓글페이지에 직접 접근하면 아무것도 안나옴
탑 바텀 네비게이션
- https 설정
- 카카오 로그인 지금 상태