[#188] ✨ 댓글 컴포넌트 구현 #223
Merged
[#188] ✨ 댓글 컴포넌트 구현 #223
Conversation
This file contains hidden or 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
3 tasks
|
Warning Rate limit exceeded@yongb2n has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 4 minutes and 8 seconds before requesting another review. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (3)
Walkthrough이 PR은 테스트 페이지의 컴포넌트에서 기존 팀 모집 데이터를 불러오던 로직을 제거하고, 모의 댓글 데이터와 관련 UI 요소(프로필 아이콘, 댓글 입력 폼, 댓글 리스트)를 도입하는 변경사항을 포함합니다. 또한, 댓글 입력 및 리스트를 위한 새로운 컴포넌트들이 추가되었고, 관련 컴포넌트들이 중앙에서 재-export 되도록 수정되었습니다. 마지막으로, shared form 컴포넌트의 Changes
Sequence Diagram(s)sequenceDiagram
participant 사용자
participant Page
participant Comment
participant CommentList
participant Form
사용자가->>Page: 테스트 페이지 요청
Page->>Comment: 댓글 폼 렌더링 (모의 데이터 사용)
Page->>CommentList: 댓글 리스트 렌더링
사용자가->>Comment: 댓글 입력 및 제출
Comment->>Form: 입력값 검증 및 처리
Form-->>Comment: 검증 결과 반환
Comment->>콘솔: 제출 데이터 로그 출력
Possibly related PRs
Suggested reviewers
Poem
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
yongb2n
changed the title
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 1
🧹 Nitpick comments (2)
src/components/comment/Comment.tsx (1)
47-70: Form 컴포넌트 구조가 잘 잡혔어요! 💫다만, 접근성 향상을 위해 몇 가지 개선사항을 제안드립니다.
<Form methods={methods} onSubmit={methods.handleSubmit(onSubmit)} className='flex gap-x-8' > <Form.TextArea name='comment' size='lg' placeholder={placeholder} className={commentStyle} + aria-label={variant === 'comment' ? '댓글 입력' : '답글 입력'} /> <div className='flex items-end'> <Button type='submit' backgroundColor='transparentBlue' textColor='blue' size='sm' + aria-label={variant === 'comment' ? '댓글 등록' : '답글 등록'} > 등록 </Button> </div> </Form>src/app/(pages)/test-page/page.tsx (1)
23-46: 컴포넌트 구조와 스타일링을 개선해주세요.컴포넌트 구현에서 몇 가지 개선할 점이 있습니다:
- 하드코딩된 width 값들은 반응형 디자인에 제약이 될 수 있습니다.
- 불필요한 Fragment 중첩이 있습니다.
다음과 같이 개선해보세요:
export default function Page(): JSX.Element { return ( - <> - <div className='m-auto flex w-1200 gap-x-8'> + <div className='m-auto flex max-w-[1200px] w-full gap-x-8 px-4'> <IcProfile width={48} height={48} /> <Comment variant='comment' size='lg' /> </div> - <div className='m-auto flex w-1064 flex-col gap-x-8 gap-y-4'> + <div className='m-auto flex max-w-[1064px] w-full flex-col gap-x-8 gap-y-4 px-4'> <Text.Body variant='body2' color='highlight'> @망곰쓰 귀여워 </Text.Body> <Comment variant='reply' size='sm' /> </div> - <> <CommentList writer={mock[0].writer} content={mock[0].content} createdAt={mock[0].createdAt} /> - </> - </> ) }
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
⛔ Files ignored due to path filters (1)
src/assets/icons/ic-siren.svgis excluded by!**/*.svg
📒 Files selected for processing (6)
src/app/(pages)/test-page/page.tsx(1 hunks)src/assets/IconList.ts(2 hunks)src/components/comment/Comment.tsx(1 hunks)src/components/comment/CommentList.tsx(1 hunks)src/components/comment/index.ts(1 hunks)src/components/shared/form/Form.tsx(2 hunks)
✅ Files skipped from review due to trivial changes (1)
- src/components/comment/index.ts
🔇 Additional comments (7)
src/components/comment/Comment.tsx (2)
9-13: 인터페이스 설계가 깔끔하네요! 👏variant와 size prop을 통해 컴포넌트의 유연성을 확보하셨네요. 재사용성이 높은 설계입니다.
42-45: 서버 통신 로직 구현이 필요해요.현재는 콘솔 로그만 출력하고 있네요. API 통신 구현 시 에러 처리도 고려해주세요.
서버 통신 로직 구현에 도움이 필요하시다면 말씀해주세요!
src/components/comment/CommentList.tsx (3)
8-18: 인터페이스 설계가 명확해요! ✨Writer 인터페이스와 CommentListProps가 잘 분리되어 있습니다.
55-73: 신고하기 기능 구현이 필요합니다.드롭다운 메뉴의 신고하기 기능이 아직 구현되지 않았네요.
신고하기 기능 구현 시 다음과 같은 사항들을 고려해보시면 좋을 것 같아요:
- 신고 사유 선택
- 신고 내용 입력
- 중복 신고 방지
- 신고 처리 상태 표시
구현에 도움이 필요하시다면 말씀해주세요!
45-52:⚠️ Potential issue하드코딩된 멘션 처리가 필요합니다.
현재 "@망곰아 사랑해"가 하드코딩되어 있네요. API 응답에서 멘션 정보를 받아와서 처리해야 할 것 같습니다.
멘션 데이터 처리 로직 구현에 도움이 필요하시다면 말씀해주세요!
src/assets/IconList.ts (1)
72-72: 아이콘 추가가 깔끔하게 되었네요! 👍기존 패턴을 잘 따르고 있습니다.
Also applies to: 144-144
src/components/shared/form/Form.tsx (1)
84-84: 타입 변경이 적절해 보입니다! 🎯FormField에서 string으로 타입을 변경하셨네요. 더 간단하면서도 타입 안정성을 유지하고 있습니다.
Also applies to: 111-111
Comment on lines
9
to
21
| const mock = [ | ||
| { | ||
| writer: { | ||
| id: 1, | ||
| nickname: '닉네임인데용', | ||
| imageUrl: | ||
| 'data:image/jpeg;base64,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', | ||
| }, | ||
| content: | ||
| 'whatisthat@naver.com로 간단한 소개서 작성하여 보내주시면 확인 후 연락드리겠습니다!', | ||
| createdAt: '2024. 09. 26 10:28:42', | ||
| }, | ||
| ] |
There was a problem hiding this comment.
🛠️ Refactor suggestion
이미지 URL과 데이터 구조를 최적화해주세요.
mock 데이터 구조에서 몇 가지 개선이 필요해 보입니다:
- base64로 인코딩된 이미지 URL은 성능에 영향을 줄 수 있습니다.
- 이메일 주소가 콘텐츠에 직접 노출되어 있습니다.
다음과 같이 개선해보세요:
const mock = [
{
writer: {
id: 1,
nickname: '닉네임인데용',
- imageUrl: 'data:image/jpeg;base64,/9j/4AAQSk...',
+ imageUrl: '/images/profile-default.jpg',
},
content:
- 'whatisthat@naver.com로 간단한 소개서 작성하여 보내주시면 확인 후 연락드리겠습니다!',
+ '간단한 소개서 작성하여 보내주시면 확인 후 연락드리겠습니다!',
createdAt: '2024. 09. 26 10:28:42',
},
]
+ type Writer = {
+ id: number;
+ nickname: string;
+ imageUrl: string;
+ }
+ type Comment = {
+ writer: Writer;
+ content: string;
+ createdAt: string;
+ }📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
Suggested change
| const mock = [ | |
| { | |
| writer: { | |
| id: 1, | |
| nickname: '닉네임인데용', | |
| imageUrl: | |
| 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhUSEhAVFRUVFRYVFRUVFRUVFRUVFhUWGBUXFRUYHSggGBolHRUVITEhJSkrLi4uFx8zODMsNygtLisBCgoKDg0OGhAQGy0iIB0tLS0rLS0tLS0rLS0tLS0tLSstLS0tLS0tLS0tLS0tLS0tLS0tLS0tKy0tLS0tLTctLf/AABEIAOAA4QMBIgACEQEDEQH/xAAcAAABBAMBAAAAAAAAAAAAAAAAAQMEBQIGBwj/xABCEAACAQIDBAYHBQYGAwEBAAABAgADEQQSIQUxQVEGEyJhcYEHMlJykaGxFEJigsEjM0OSotEkU2Oy4fAVNHNFFv/EABsBAAIDAQEBAAAAAAAAAAAAAAADAQIEBQYH/8QAKREAAgIBBAEEAgEFAAAAAAAAAAECAxEEEiExQRMiMlEFFGEVQmJxgf/aAAwDAQACEQMRAD8A7ODFvKHD7QscrAo3I7jLukxIBPEcIyUcCYyyZyvx2DV79/mJPEYJkRJn0UDYOpSPYYqOXrIfLevlH6G1culRcv4h2kPnw85bxirg1bdp4Rqx5FcmdLEBtQdOY1EeEpKmzmpnMhK+76p8V3TKltFl9ddPbS5XzXeJO36I3fZZY89g+UjbNGnixjj1BVXssCOYNxFwFMgAHhK+AXyJ8IQlC4TIRBFECSPjj2Ymz17ImG0zpH8IOyPASz6Kr5EiIRFEWLGEPEYIMNAPA7pXEVKXq6qPuMeH4W/SXsrtrns+R+kZB84EzjjlD+FqAgG1rjdpxkoGVvUZ6YXuG42OnERpK9SlvvUXmPXHiPvSHHJZTx2XEWMYbEq4uCCP+749KDk00Qv4g85TbL/ev4n6mXI/eeR+spNjm9RvE/WPh0zNLtG0rEfcYAzFnHOZzTuSXIsI19pp+2v8wiSQyir2yB1ZuL7rfGTcCLKovuWV+2DfIvtOPlLOmND5D/vxjJfERX2Obh5Ri8eqmwPwjAlYovNigzITERZcoZRmrhlbuPMR28yEAZSYvBimcwJU77rpfxG4yWa5RQxBO6+Ua7tTaYbTN2t3AfEyXTohhYyZdclI+cGWFxauOywPhvHiOEkXnG/Sj07ODxH2XB5euSxq1iL5CRcUwBvNrEkyt2V6TNsY0DD4WnQ64LmZrDO4G8qrnLfuF4ptIfGEmd5AiFrbyB46fWedNq4bpNV/enFkf6boo+FMiattDYO0v42Gxbe8lVx8dZXehnpM9RbTxCbs6/zDnJ+GYEaEHwIM8b1sDUT16Tr7yMPqIlDGOnqVXX3XZfoZO4j08Hs+0UGeR8D0z2jR/d4+uPGoXHwa82nY/pn2nSI600sQvHOgRv5kt9JGQ2npCVe2W08vqZz/AGD6bsHVIXE0amHJ3sP2tMeJFmA8puB2zh8UufDV6dVQVBNNg1rn7wGo84yvsTangvMKNB4COvSBmGHEelX2WiuCurYKxzL2T7S/qOMwTaJTSqLD2x6p8fZlrI9fChpKkvJDg1zEaRbtmBBBU6iUOwzeo3if1ljgaASocpIUqSVv2b33gcPKQOjvrv5xi4TFSfRM2jjCSRchRpp94/2kTD1AWUZRYsBx56zHEjUeZ+ZmWFTtL7y/URdcc5Zy3OydvH2XueES0JGEdb3FdiO1XpjkCZZ093iZVYU5sRUb2VAlug0HhLz+i1aMa50EZEcxW8eEaEiITfJmIt5jAS5QyEyiLFJlWW7KvFm9T8w+UwqYxn7NJsqcaltW5inyH4z5c5Dq0/tDEm/U5tB/nW4n/T7vveG9/E4unTtmcLyHE+6o1PlM19/iJs02n8yOAelHo8+FxrvYmlXY1Kbkk6n11YnXMDz4ETVcDi3o1Eq0mKujBlYcCP0npLbuHoY2i1Cth67U21DCkwKsNzpfUEeE4F0s6NvgauQnNTa5p1MpTMOTKwurDiJWuaksF7IOLyd36DdLKe0aAcWWslhWp+y3tAcVO8Hymy5jznl3ozt6rgcQmIpHUaOp3VEPrK36cjaelNkbTp4mjTr0jdKihh3Hip7wdD4RVsMPKHVT3cE1td+vjr9ZBxOxsNU/eYai/vUkP6ScJpvTn0gUcAOrQCriCNKd+zT5GqRu90aykU28IZJpLkx6RdE9i0qZq4mhSor7Ss1Mk8lVT2j3ATiXSOrg2q/4KjUp0hpeq+dmN94FuyO65MZ25tvEYyp1uIql23AfdUeyi7lEx2TsmtiXFOjTLEmxNiVXvZgDYTVFbezJKW54SIV5M2XtSvhagqUKrUnHEaX42ZTow7jOw9DvR/gcKVqYmqlesLWVgVpIeFle2c95+E3XbHRzCYoWxGGpvpYNlAcD8LrYj4yvrJMt6DaNe9Hvpbo4m1DG5aFY2C1N1Kqd35G7jpOpqbzhu3fQ3Ta7YPEFDwp1hmXwDjUeYMb6GdPcTsqudnbTu1NCAtS+ZqIIupDffpEG/MfKMjNSEyrcTvEDGsPXV1V0YMrAFWBuGB3EHlHGlyjK6j6ze6fqZV7AHbbzlpS3t7n95W7C9ZvP6R6+LMUn0LVp6j/vExaK9pfeX6iPVBu8P1MyppqPeX/cIVy9jCiKLC0JllhFG7BTbFOYVX9pyPK9pd/8Sm6PJajT5t2v1lwD9ZNj5FVr2lPtLaYSqVZWyi3aGo3cRvjuGxiuLqwYdx+vKLjMOrsSRrfeNDKnEbHN8ynXmDlb4jfGQgmhM5tPovVcTIGa1/5CrRt1lmG6zdlz3LbRjLFMfUcXSkUvxrbx4UwbnzIlbJKHbGVwdnxRbrKjGVuu7Cn9kD2yP4p9hTxTmeO7nMKlAv8AvXapxynsoPyLofO8zrU8ylQStxa43gd3KYrL8rCN9Wm28yIbVmqsyUTlVTleqBxG9KQ3EjcTuHeZJwmCSnfItid7al2Pex1McVVRbCyqo8AFAnE+nvpLq12ahg3NOgCVNRdHrcLg71TlbUxMIOQ+c1FHXdobfwmHOWtiqNM8mqKG+G+Qq20tm7QU4dq+HxAb7mdc3inEHvE4J0Z6I43aDN9molwp7dRjlQE62Lne3G2plh0m9HG0cDT66tQDUxq1Sk2cJ72gKjvtaOVKEO5vwTumHo2xWGrEYam9eiwLJl1dQN6svEi41E6f6MdjVsJgVp1xldnepkO9A1rA9+l7d80z0UdNKj1kwWKc1AbnDu2ro4U3QtvIK3tfcZ2CUtk/ixlUY9ogNfrargXNOiAg/Ec7mw5myCeZsLgsTiqrKlKpVqsxL2UlsxOpblrffPUqUgGLcWC3107N/nrOSdJ/SP8AZWq0cDkeqzk1sUVFi+7LTQaFVUBQTy474Ut+AuSfYvRX0QOSKmOey7+ppEknuepw8B8Z1XAYCnh0FKjTWkg3KosPE8z3zgFI7cxw65Djaq+3Tzqn5ctgfKRtm9NNpYNyv2irdTZqVe7i/FWV9R8jLyhJ+SkbIx8Ho9hcWIuOR1HwMifZCmtE5f8ATJOQ+HsHw07pT9B+l1LaNEsoCVUsKtO97Hgy81M2SZ2mnhmlPKG6FYMLjQjRgd6nkROWenLYd1pY1F9X9jVI32OtJj4ajzE6g2HPWB1NtMrj2h90+IPyJkXpFsoYrC1sOf4lMqDybeh8mAk1yxIrOOYnIfRV6RmwDDDYhi2FdtDxoMT6w/AeI8xPRS1Ay5lIIIuCDcEEaEGeL6tMqSrCzKSrDkQbEfETs/oQ6cf/AJuIfgThmJ8zR1+K/DlNyOfJcHW6X3/c/vK7YR7Tef0liu6p7v6GVuwTq3n9Jo/tZhl2iXUG7wiodR7y/UQbh4RVGo95f9wiIPAmLanwWN4kIQydDeyJgKeUIvsoJLp/8xmjvPcAPhHGNlPhLPlkrohXkStiySVpgEje59RTy/E3cPjG8VULnIpsP4jDfb2FPAnieEyWwAAFgNABuETdft9sR2n0u73SMKeHAbMxLP7Take6NyjuEejRqTHrJics9nRjXjofvAGMdZAVJGS2xmn+l/ab0NnsENjWqLSJG8IbswHiBbznAZ6O6fbCOOwb0l/eKRUpd7rfsnxBI8550q0mUlWUhlJDAixBBsQRzmql+0xXwakdw9DXTbAUMAMNXrpQqU3dj1nZFQO2YMrcTra2/SL6RvS1hWw9TDYImq9VWptVykU0VhZrZhd2sdNLThcstg7BxOMfJh6LOeLDRF72c6CO6EJZJ/o+wj1do4Vad7rVVyRwVO0xJ5WFvOelZqXQHoTT2chYsKldxZ6g3BfYS/DmeM22ZLJKT4NtUdq5NO9LG12w2z36tir1nWiGGhAbV7HhdVI85xHofhaNXG4aniDai9ZFqXNhlJ3E8ATYec7j6UtititnutMXeky1lUb2y3DAczlJ+E87R1PxEXJ7j2nQpqihEUKqgBQosoUbrDgJ5x9OmLw1XaINBlZlpKlZkIK9YGawuN7AaHy5TUD0lx3V9V9txHV2tl618tuW/d3SqAjRWDb/AET4x6e06CqbCrnpuOa5C31UGehxOPeh/og/WDaFYFVUEUFOhYkWNT3bEgc52ATLc05GumLUeRYRIRQ48++lnY/2faFRgLJXArLyudKg/mF/OadQqMjK6MVZSGVgbEEG4IPOdv8ATbsnrMGmIA7VCpqba9XU0PlmCmcOmyuWYmCyOJM9Oej/AKTjaGBaqSOtVclZeThfWtyYa+cs+j51bz+k8+ejXpMcDiu0f2Vdeqq8hf1H/KT8CZ6B6Ot635voJqj8GYLo4kiwY7vATOnw95fqJiRu8BMl3j3l+omat8mXHuLGJEiRhuMCN/fIu1cQVp2X13IRe7iWPcBr8JJY7h3ynar1lR3+6pNNPI9tvNtPyxM57UaaobmIlMIoA/5J4kniSY1UaPvI9RZik8nUrwuBh6vDjMTUPGZ5InVymDQnExzmAeKacUU5AZQ4jSp2z0QwOMOevhwzn+IpZHPiV9bzlstLXWSUWMi2uhFiTNSwfox2ZTYN1DPbcKlRmX+UWB85tmFwqUlCU0VFG5UUKo8hHRFl3JvsSopdBCESQWC80npJ6NcFinNRQ1CoxuxpWyseJKHS/habsZHqPDc49AoKXDOVD0O9r/3uz3Ue1b+a02HY/o12fQIZ1euw1HWkZb+4tgfO82xnjZc8JV3SY2OniiWtTytpYaADgJkKkh5oBzK7hnpE4VJkHkIPHKVSTuKSrDbGAXEUKtBt1WmyeZGh+Np5XqUypKtvUlSO8Gx+k9YI086+kzZn2faWIUCyuwqp4VBc/wBWb4TVQ/Bh1EccmsT0N6HdtfacHZmvUo3pvztpkY+IHynnmb16G9tfZ9orTJsmJBpNyzb6ZPnp+aaXJpMw2LKPRLD6RAu7xH1EU7xJyILWmdT2maFW55Eywh9nXv8A5m/vCM9Q1bSFja+RWf2UYjx3D52lbhqORFTkAD3m2p+N5CxWOrErSqWId6aHMhR/WzHUdlvV4HjLIxNz5NmnXDYlpiUmcSINKGskTq49AQwTljXVxerjhhaGA3GOWZARYCBGQhCJJAW0SLAmBAkYdY/EIkFk8EJ6cx6uTckTq5XaMVhCyQySZ1cOrkbS3qkTJM0WSBTmQSSolXYYoJyr077N0w2JA9qix/rS/wDVOsgTXOneyRjcN9kBtUqMrobXC5G7TtyWxI7ybRtb2sz2rcsHm9VJNgLk7gNSfCWOG2di6TLVXDVwUYOrdVUtdSCNbd09BdFehmEwCjq6YapbtVnALk8beyO4TY8x5mOd38CPQ45F2XjxWpUqw3VER/DMoJBHDfLpTNcqYcXupyN7QGh95dzCWGy9pZrpUGWotrjgRwdTxU/LdF/JmV1OlvPRaxZhnHOEvhkbl9lLtXfS/wDtf4U3mMy2pupNyqj+pXH1MxEVJdG6j4iQiwlR4kW8IXgAkWJAQIFMSLCBIRIsIEBEiwgSgiQhAAhFiQAIRRCAMSEWJIAWM06ADM+8tYX5KBoo7r3PnHokkgIsIQJCRscrACogu9PtAe0v308x8wJIigyU8PIuyKlFpjf/APSYX/NhGP8AxeH/AMkQmj1jnfqE/bi/4eoRvQLUHijBrfKNIwIuNQQCPA6iSNs1LUvFgP1lRsZ7IaXGnovfTPqHy1HlJsqfpqSH02rdtJ8WBiTKbhYRIsACAiRYEBeAkN8ddilJesYaMb2poeTPxP4VufCY/Ymb97WY/hp3pJ4dk5m8zAMkqrWVfWdV95gPqZguLpndVQ+Dr/eY0sDSU3WkgPPIt/M2uY61BDvRT4qD+kAHIsh/YgpvTJp66qNUYcQUOg8RaS4AEIRIEi3iQiwASLCF4AF4RIpgARIQgARYQgAkWJCBDDLCLmhLAY9IG7KDvJlKtUoc6i5AsVG9l4gd/EeEvtrJSZlVqoRgtwCNLE8/KV7bLfepVxzVh9J1q5wdeyRx5Qkp7kS6VQMAykEEXBHETOVCZ8MxLIwpMbtp+7Y73FvuHjyOvOWwnLtr2Pg6lVm5CxIohFjRJDrk1GNIEhFA6xgbElhcU1I3aak7wCLb9JoiWgDMaVIKAqqFUCwUCwA7hMzFhAgSELwMCRIRYQAIRIsACELRipi6anK1RA3IsAfgYBkei2hCQQESKIh01kgLCRamOA3C/OPU6ysND/eADkBEiwJyEAJizgbzbxlXj8aah6ikSCw7bj+Gh0LdzHUAee4S0IuTwIutjVHMiX9vof5q/GLJH/g8L/kr8ITT6Bzf3yLtcZqrd1h8B/zIa07biR4GVGI6RKa1TMjfvGF1beASNxFuEk0Ns0m/iW7nW3zE2+k0hquRb08dWXc9xybUW85SN0kFGu1M0/2K5Q2X+E5FzlHFLFdOF9NNBYLi1IzXVgAScrA6AXOhseE0dahY5iNajFrcS1RuyPmomPVe1YOr+Nphc5SfSOl/bKeTrM65LA5r6G+63PwjL7RsM3UVsvtZBcDnkvnt5Sk6N7DKOz1bHq2AporMUV8t3cg6F+1a9tLHnNomMJpJtIwoVlcBkYMp3EG4mZkPE7OpscwvTfeKlPstfvtow7jeY4HFPmNKtYVAMwI9Wqg0zqOBGl14XHAwKk68LRYkACEIWgSAhaECYEBIVbGMWNOkoLLbO7epTvqAfaa1jlHMXIibU2itKlUcWLKpKjgW+7fzIj2AwvVIqXuRqzHezHVmPeTeAGH2K/r1KjHucovkqWjtDDIi5VQAHeLbyd5JO8+MehACqauuHqBTcUqgbKArMEqKMzAAXspW55Aqecm/bKdgQ4IIuCutwdxmdWgGZGuQUbMLd6spv5NOc7dxWITEVsPRqlaavdQoAYZwHIz8gWOggxtFMrZbUbxjdspTF2ZEHN2A+AO+a7i+laubUlar+I3SmPiLt5CazTwQvmcl25sS3zOslSrkdar8bFczeR/E46tU9asy91PsAfUnzMcwe269Owq2qp7fq1F94AG48pEiwjPDNF2iqnHGMG3NjyiLUYVFRxdWUdYpHMNTvM12nmUMpqsDuK06m4/lmjUsU+FZVNS9DE9Y4TtfsmD5AwvwJDEgWnRtn/8Aq0vcp/7pudMHXuPGarUWUycUQGWsxtbq/wAT2Zx7qDQHxPlJ+Bwy0xlQcbknVmY72Y8TM6y3cgcTL/B4VUG7XiYuuSicXdbqptyfCGbnkYSwtCO9Uf8ArL7OO4fBs+tr31PidYr4Bh92RcLtzIP3bX5Agg+ZItLLZPSJS2WpRsT6vaDBuYvwM6O9+DS4PyVONo6Zd2ZgvlvPyB+MlYBgK1Em1hXpX5WzED5kR3bWIWpWGVcoRfEZn/sB85DZQRY7jOPrbXKz/R678XpcaV/5HUEpgXtxJY+J3/SLNS2P0tC/ssQGJWw65RcG+4OBqGtvIBH0m1YeutRQ6MGVhowNwfOIMFlU63iSM5TdLKrU8Oa6W6yiRUQkXG8KynuKsRbwlpiMSlOxd1W+7MwF/C51msdK9r06lMUaTh8zA1CpuoVTfLfmTbyEOiaapWTSSKyj09rj16FJvdZ0+t5JX0g88I35aqn6gTWquBU7jb6SO2BcbrHwlNx2H+Pr+jcD6QV4YSp/PT/vGanpAb7uFt41B+gmpHDv7JgMM/smTkr/AE+v6Nlq9O659WjTH52P0AkOt0vxTcKQ/K7fVpUrg3PADxMdTZ54t8IbhkdFWvAYvbeIcENVNtCVVVUGxBtu425zrODxS1UWqhurgMCORnLqWFUcL951lrsna9XDXCBWQm5RrizHeVYbr8rQUhOq0O5J19o6FCagOmpzhWw3ZsGYq+ZgCxGika7r2vLTFdJsOKZanVV2t2VU3YkjS44ectwcx6a1PDQ5tvbqUOwLNWIutO+tvabks0YsSSzG7MSzHmTv/wC8hGqtLPq5u5OYvftZuJv/AN0hTqG+VvW+TDmP1Eo2dvS6VUrL7Y7CEJU2hEa9tBc6BRzYmyj4kQkzY9RVrK72y0VeuRcDMUFqa3PEsf6ZaEd0sGbV3KqpyJPSzoth8tM/aH6xFpUjSDLYU1U59AMy3JLE34za8AlsLRA9il9RKrbtdWw6MrKzMheoVIJDsLkG2627X2ZcUBbD0vcpTqyjtqPnmrm5tsfwYvX8zL9TNeovlrX/ABfWbAswLtCNG/a1/JnCESONZo2C6K4ZaTUno0nqZQSxLFzybN6yC4O626aX0p2U2Can2s4diRpYqVZeZ1Ha46i3GTdr9M8QzsEAw+uQgANW7JIyljuOp0A4y3xm0jh8ElPEjrcTUpP2ali6q/Bzw3qLbzbukwnJPKOq6k8J+TWsObjMd7Et5Hd8rRa9TKL7zuUc24D+/dMkWwAHAAfARtad2zNw0UcAOPmZilLdJs9bVDZBRXgyo08ote53k82OpPxljs3bFeghSnkKliwzgkqWN2tYi4vrY85CiSMk2UwmsSWRvFsz1VqVGzu2a7H2bA2A3KAQNBHBGjrU91Pmx/sI7IZaEVFYSCKIQkFwhCEkAhCEACJFiQAYqG1ReTKy+anMPkWkiM4kaA+yyn52PyJjskqkLMKtMMLeYI3g8CJnEkIsN0ql7g+sN9txHMd3dwjsS0IELgW02LorglyGuVBZ2shIBIROyLdxOY+c1yxJCr6zEIvvMbD638pv2FoCmi013IoUeAFv0+c36OHcjzX5/UcRqX/SNtLZVOupDDKx3VF0dTzvx8DeWWyz1tDKR20Xq29+mbE+B0I7jGBUFyL6gAkcr7voY9sdsmII4VU/rp2v8VI/km2azHB5fGVgbr62bmLHxG+Wmz9oC1nNjwPORMdQyMQfVY3B5GRjTK793PhOfCPu2s5zlOmTaNj+0p7Q+MJrt4TV6KLfvz+iqw2xT2GNCsSVU9YGz309sHN8Zr23tkCneob06lTEsGpEhsyKt0O82ICg3vrmsZ1XZgtRp/8AzT/aJoXTqmFqkgWzVrk8/wDDrbXwVpzctI9Zop770ma1FhCLPYBEizCq+VS3IE/2gDZhQ1zNzY28B2R9I9MKSZVC8gBM4AghCEgkSLCJJAWEIkAFhEiwAwqJcEcwR8YUmuoPMCZRqjpccmNvA6iSR5HYsISMEhEiwgRkc2SufGYdRuRmqHx6twv1vN9E0nohTLYgPb+HUqeTFET+kfObqZ19MsQPDfmJbtSzXMVtE08dUIVmWnh16xVtc5muja20GU396bDgaVVa1KrVKimbqFT7jOLIzsfWB1XSwBI3zTsLmfaeLpjU1QtIdy5VBPgFLmb+AGqJQGqJlaoe9ADTS/O4DHwHOTY3vwjLGMVDLLitSDCzC8qqmDen6pzLxB1+UuTGn3GRhGWyqMyqyP8A5K/AwlneEvkT+qvs/9k=', | |
| }, | |
| content: | |
| 'whatisthat@naver.com로 간단한 소개서 작성하여 보내주시면 확인 후 연락드리겠습니다!', | |
| createdAt: '2024. 09. 26 10:28:42', | |
| }, | |
| ] | |
| const mock = [ | |
| { | |
| writer: { | |
| id: 1, | |
| nickname: '닉네임인데용', | |
| imageUrl: '/images/profile-default.jpg', | |
| }, | |
| content: '간단한 소개서 작성하여 보내주시면 확인 후 연락드리겠습니다!', | |
| createdAt: '2024. 09. 26 10:28:42', | |
| }, | |
| ] | |
| type Writer = { | |
| id: number; | |
| nickname: string; | |
| imageUrl: string; | |
| } | |
| type Comment = { | |
| writer: Writer; | |
| content: string; | |
| createdAt: string; | |
| } |
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.
📌 PR 템플릿
🏷️ PR 타입 (PR Type)
📝 요약 (Summary)
🔍 상세 내용 (Describe your changes)
🔗 관련 이슈 또는 링크 (Issue Number or Link)
✅ 체크리스트 (Checklist)
📸 스크린샷 (선택 사항)
📝 기타 사항
Summary by CodeRabbit