Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @@ -0,0 +1,16 @@ | |||
| import "./DropdownList.css"; | |||
|
|
|||
| function DropdownList({ onSortSelection }) { | |||
There was a problem hiding this comment.
이벤트 핸들러 함수라 onSortSelect 또는 onSelect 같이 동사로 표현하면 좋을 것 같아요.
| @@ -0,0 +1,15 @@ | |||
| export async function getProduct({ page = 1, pageSize = 10, orderBy = "resent" }) { | |||
| const query = `page=${page}&pageSize=${pageSize}&orderBy=${orderBy}`; | |||
There was a problem hiding this comment.
이어서 하실 거 같은데, keyword 도 추가하셔야 할 거에요.
| @@ -0,0 +1,15 @@ | |||
| export async function getProduct({ page = 1, pageSize = 10, orderBy = "resent" }) { | |||
| const [dropdownToggle, setDropdownToggle] = useState(false); | ||
| const [totalPageNum, setTotalPageNum] = useState(); | ||
|
|
||
| const loadProductList = async ({ orderBy, page, pageSize }) => { |
There was a problem hiding this comment.
AllItemSection, BestItemSection 두 컴포넌트에서 loadProductList 함수, setData, useEffect 가 거의 유사한 로직이 반복되는데, hook으로 분리해보면 좋을 것 같아요.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
체크리스트 [기본]
중고마켓 페이지 주소는 “/items” 입니다.
페이지 주소가 “/items” 일때 상단네비게이션바의 '중고마켓' 버튼의 색상은 “3692FF”입니다.
상단 네비게이션 바는 이전 미션에서 구현한 랜딩 페이지와 동일한 스타일로 만들어 주세요.
상품 데이터 정보는 https://panda-market-api.vercel.app/docs/#/ 에 명세된 GET 메소드 “/products” 를 사용해주세요.
'상품 등록하기' 버튼을 누르면 “/additem” 로 이동합니다. ( 빈 페이지 )
전체 상품에서 드롭 다운으로 “최신 순” 또는 “좋아요 순”을 선택해서 정렬을 할 수 있습니다.
중고마켓 반응형
베스트 상품
Desktop : 4개 보이기
Tablet : 2개 보이기
Mobile : 1개 보이기
전체 상품
Desktop : 12개 보이기
Tablet : 6개 보이기
Mobile : 4개 보이기
체크리스트 [심화]
멘토에게
768px 미만일때 css에서 오류가 있는데 미션을 너무 미루는것 같아 먼저 PR했습니다(+심화미션). 계속 커밋하겠습니다!
----심화미션완료, css X
라우터로 화면이동을 코드잇강의에서 배운대로 코드를 짰는데 뜻하는대로 안되는것 같습니다..
------해결완료!