진입 페이지 UI 구현 (스페이스 입장 동작 및 API 동작 제외) #83
Conversation
parkblo
requested review from
hoqn and
CatyJazzy
and removed request for
a team
| <span className="text-[64px]">Honey Flow</span> | ||
| <span className="text-[16px]"> |
There was a problem hiding this comment.
변경 제안은 아니고, 이런 텍스트 크기 같은 부분은 나중에 저희끼리 더 구체적으로 변수로 정해서 넣으면 될 것 같습니다. (text-sm 이런 식으로)
|
저도 |
| className="mt-1 block w-full border rounded p-2" | ||
| onChange={(e) => { | ||
| setSpaceName(e.target.value); | ||
| }} |
There was a problem hiding this comment.
찾아보니 shadcn에도 Label, Input 컴포넌트가 있는 것 같은데, 일반 태그를 사용하신 이유가 궁금합니다!
There was a problem hiding this comment.
shadcn에 해당 컴포넌트의 존재 여부를 몰라서 일반 태그를 커스텀하여 사용하고 있었습니다 ! ㅎㅎ
알려주셔서 감사합니다! 수정 후 커밋 작성했습니다.
| <DialogTrigger asChild> | ||
| <Button>스페이스 생성</Button> | ||
| </DialogTrigger> | ||
| <DialogContent className="sm:max-w-[425px]"> |
There was a problem hiding this comment.
이게 tailwind의 반응형 문법이군요...👍 저도 tailwind는 처음이라 이런 것들을 최대한 많이 눈에 익혀둬야할 것 같아요.
There was a problem hiding this comment.
tailwind가 반응형 지원을 아주 간편하게 설정할 수 있었습니다 ㅎㅎ.
다만 조금 더 디테일한 반응형 스타일에 대해서 저도 학습하고 수정을 거쳐야할 것 같아요 !
|
@hoqn |
앗 번거롭게 해드려서 죄송합니다 ㅜㅜ. 커밋이 추가 작성되면 approve가 다 풀리는군요 |
✏️ 한 줄 설명
✅ 작업 내용
🏷️ 관련 이슈
📸 스크린샷/영상
📌 리뷰 진행 시 참고 사항
shadcn,tailwind css를 사용해보는 것은 처음인데 코드 작성방식이 괜찮은 건지? 스스로 판단이 잘 되지 않습니다.Home.tsx구현 코드를 중점적으로 검토해주시면 감사하겠습니다!나는 보통 이렇게 한다이런 느낌으로 편히 말씀해주세요 . ㅎㅎ 적극 반영하겠습니다.