diff --git a/src/components/DetailSectionBottom/DetailReviews.tsx b/src/components/DetailSectionBottom/DetailReviews.tsx
index bde618f1..93e1e310 100644
--- a/src/components/DetailSectionBottom/DetailReviews.tsx
+++ b/src/components/DetailSectionBottom/DetailReviews.tsx
@@ -190,7 +190,7 @@ export default function DetailReviews({
{modalChildren === 'MyAlert' && alertType === 'LoginReview' && (
)}
diff --git a/src/components/Review/MyReview.tsx b/src/components/Review/MyReview.tsx
index a34d61ce..7bb3cfb5 100644
--- a/src/components/Review/MyReview.tsx
+++ b/src/components/Review/MyReview.tsx
@@ -114,7 +114,7 @@ export default function MyReview() {
- 작성한 리뷰가 없습니다
+ 내가 쓴 리뷰가 없어요
다녀온 여행지의 리뷰를 남겨보세요!
diff --git a/src/components/Review/ReviewButton.tsx b/src/components/Review/ReviewButton.tsx
index 11885da3..634dd2c5 100644
--- a/src/components/Review/ReviewButton.tsx
+++ b/src/components/Review/ReviewButton.tsx
@@ -3,11 +3,7 @@ import { ratingState } from '@recoil/review';
import { useEffect, useState } from 'react';
import { useRecoilValue } from 'recoil';
-interface ButtonProps {
- onClick: () => void;
-}
-
-const ReviewButton = (props: ButtonProps) => {
+const ReviewButton = (props: { onClick: () => void }) => {
const { onClick } = props;
const rating = useRecoilValue(ratingState);
const [isRatingValid, setIsRatingValid] = useState(false);
diff --git a/src/components/Review/ReviewComments.tsx b/src/components/Review/ReviewComments.tsx
index 485147bc..965314d2 100644
--- a/src/components/Review/ReviewComments.tsx
+++ b/src/components/Review/ReviewComments.tsx
@@ -89,8 +89,8 @@ export default function ReviewComments() {
{commentDataLength == 0 && (
-
-
댓글이 없습니다.
+
+
아직 댓글이 없어요.
첫 댓글을 작성해보세요!
)}
diff --git a/src/components/Trip/TripPreference.tsx b/src/components/Trip/TripPreference.tsx
index bcc94302..16749894 100644
--- a/src/components/Trip/TripPreference.tsx
+++ b/src/components/Trip/TripPreference.tsx
@@ -14,19 +14,19 @@ import { useGetTripsAuthority } from '@hooks/useGetTripsAuthority';
import { useNavigate } from 'react-router-dom';
import { getMember } from '@api/member';
-interface RatioBarParams {
+type RatioBarParams = {
value: number;
total: number;
color: string;
label1: string;
label2: string;
-}
+};
-interface PercentageParams {
+type PercentageParams = {
value: number;
total: number;
color: string;
-}
+};
const TripPreferenceButton: React.FC = () => {
const { tripAuthority } = useGetTripsAuthority();
diff --git a/src/components/Trip/TripRealtimeMember.tsx b/src/components/Trip/TripRealtimeMember.tsx
index c57afe5a..db5a77ea 100644
--- a/src/components/Trip/TripRealtimeMember.tsx
+++ b/src/components/Trip/TripRealtimeMember.tsx
@@ -6,7 +6,6 @@ import { Navigation } from 'swiper/modules';
const TripRealtimeMember = () => {
const { tripMember } = useContext(socketContext);
-
const tripMemberData = tripMember?.data;
return (
@@ -15,7 +14,7 @@ const TripRealtimeMember = () => {
slidesPerView={5}
navigation={true}
modules={[Navigation]}
- className="w-[100vw]items-center flex max-w-[375px] justify-center">
+ className="flex w-[100vw] max-w-[375px] items-center justify-center">
{tripMemberData?.tripMembers?.map((member) => {
const isConnected = member?.connected;
const thumbnailUrl = member?.thumbnailUrl;
diff --git a/src/components/common/toastpopup/ToastPopUp.tsx b/src/components/common/toastpopup/ToastPopUp.tsx
index 4dbf53ca..004ebacd 100644
--- a/src/components/common/toastpopup/ToastPopUp.tsx
+++ b/src/components/common/toastpopup/ToastPopUp.tsx
@@ -51,7 +51,7 @@ const ToastPopUp: React.FC
= ({ noun, verb }) => {
{noun}
- {particle} {verb}되었습니다.
+ {particle} {verb}되었어요.
);