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
lisarnjs
reviewed
Jul 8, 2024
| @@ -0,0 +1,192 @@ | |||
| import styled from "styled-components"; | |||
|
|
|||
| import { Button, Container } from "./CommonStyled"; | |||
There was a problem hiding this comment.
공용스타일 분리!! 너무 잘하셨어요!! 👍 💯
| description: "", | ||
| name: "", | ||
| }); | ||
| const [values, setValues] = useState(INIT_VALUSE); |
There was a problem hiding this comment.
보통 src/styles 라는 폴더가 css 작업을 위한 폴더로 사용됩니다 :)
| ); | ||
| }) | ||
| ) : ( | ||
| <S.EmptyCommentsContainer> |
There was a problem hiding this comment.
이런 예외처리나 간단한 UI는 early return을 사용하는 것이 직관적이고 좋습니다!
삼항연산자가 나쁘다는 뜻은 아니지만 위 코드가 길어졌을 때 comment가 없을 떄의 코드를 보기까지의 과정이
불편하기 떄문이기도 해요!
| }; | ||
|
|
||
| useEffect(() => { | ||
| window.addEventListener("resize", onResize); |
There was a problem hiding this comment.
onResize에 debounce를 적용시켜 본다면 ?!
| timer = false; | ||
| }, 100); | ||
| useEffect(() => { | ||
| if (sizeName === "large") { |
There was a problem hiding this comment.
객체지향프로그래밍과 비슷한 느낌으로 변형해보자면 이렇게 작성해볼 수 있을 것 같고 그럼 if else 문이 필요없어지게 됩니다!
const pageSizeWithSizeName = {
"large" : 10,
"medium" : 6,
"small" : 4
}
setPageSize(pageSizeWithSizeName[sizeName])|
|
||
| useEffect(() => { | ||
| if (!didMount) { | ||
| setDidMount(true); |
There was a problem hiding this comment.
mount처럼 생명주기와 관련된 동작들을 state나 useEffect로 관리하면 더욱 예측하기 어려울 수 있으니 조심해주시는 것을 추천할게요!
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/{productId}” 입니다.
response 로 받은 아래의 데이터로 화면을 구현합니다.
=> favoriteCount : 하트 개수
=> images : 상품 이미지
=> tags : 상품태그
=> name : 상품 이름
=> description : 상품 설명
목록으로 돌아가기 버튼을 클릭하면 중고마켓 페이지 주소인 “/items” 으로 이동합니다
상품 문의 댓글
=> image : 작성자 이미지
=> nickname : 작성자 닉네임
=> content : 작성자가 남긴 문구
=> description : 상품 설명
=> updatedAt : 문의글 마지막 업데이트 시간
멘토님께
미리보기 링크