분실물 찾기 페이지들 퍼블리싱 #35
분실물 찾기 페이지들 퍼블리싱 #35
Conversation
|
테스트용 코드로 작성해놓고 소나클라우드 적용하는바람에 |
| <Container> | ||
| <StateBox checked={checked} handler={onCheckLostFoundType} /> | ||
| <Input label="글 제목" placeholder="글 제목을 입력해주세요" /> | ||
| {checked === "lost" && ( |
There was a problem hiding this comment.
lostfound.constant 사용하시는게 어떨까요?
이부분만 매직 리터럴을 허용하기도 애매하고, 따로 정의해주신거 있으니 그거 쓰면 좋을 것 같습니다.
There was a problem hiding this comment.
좋은 것 같네요 선언은 해두고 깜빡하고 있었습니다 반영했습니다!!
| size={size} | ||
| onErrorDelete={onErrorDelete} | ||
| onError={() => setImgSrc(fallbackSrc)} | ||
| width={999} |
There was a problem hiding this comment.
이미지이다 보니 width와 height를 지정해주면 이미지가 찌부될 것을 고려하여 삽입된 이미지 자체를 담고 싶어서,
width를 n%로, height를 auto로 지정하고 싶었는데 해당 속성으로는 width와 height가 둘다 required 속성인 데다가
SafeNumber 속성만 삽입할 수 있어 width와 height를 고정해두고 스타일드 컴포넌트를 통해 width와 height를 지정했습니다..!!
더 괜찮은 방법 있을까요?
There was a problem hiding this comment.
<Image
alt={title}
src={thumbnail}
width={0}
height={0}
sizes="100vw"
className="w-full h-auto"
/>tailwind 기준으로 요런식으로 작성하면 원하는 동작을 할 것 같습니다~
There was a problem hiding this comment.
sizes라는 속성을 모르고 있었네요 수정 완료했습니다 감사합니다!
| height={46} | ||
| /> | ||
| <Column justifyContent="center"> | ||
| <Author>우빈우빈</Author> |
There was a problem hiding this comment.
const { data } = usePost()
이런식으로 예제 데이터 불러와주는 모델 만들고 거기서 불러와서 퍼블리싱 진행하면 나중에 서버 연동할 때, 모델만 변경하면 되서 좋을듯 합니다!
There was a problem hiding this comment.
다른 PR로 한꺼번에 msw 적용 시도해보겠습니다!!
작업사항
분실물 찾기와 관련된 목록 보기, 글 보기, 글 쓰기 페이지를 퍼블리싱했습니다.
스크린샷