[OD-159] 배포 전 전체 점검

src/apis/chatting/dto.ts

@@ -27,7 +27,7 @@ export interface chatRoomMessagesData {
 	fromUser: FromUserDto;
 	toUser: ToUserDto;
 	createdAt: string;
-	toUserReadAt: any;
+	toUserReadAt: Date;
 }
 
 export interface FromUserDto {

src/apis/post-comment/dto.ts

@@ -17,7 +17,7 @@ interface Content {
 	content: string;
 }
 
-interface CreateCommentData extends Content {}
+type CreateCommentData = Content;
 
 export interface Comment {
 	id: number;

src/apis/post-comment/index.ts

@@ -1,8 +1,8 @@
-import { EmptySuccessResponse } from '../core/dto';
+import { newRequest } from '@apis/core';
 
-import { CreateCommentRequest, CreateCommentResponse, GetCommentListResponse } from './dto';
+import type { EmptySuccessResponse } from '@apis/core/dto';
 
-import { newRequest } from '../core';
+import type { CreateCommentRequest, CreateCommentResponse, GetCommentListResponse } from './dto';
 
 // 게시글 댓글 생성 API
 export const createCommentApi = (postId: number, data: CreateCommentRequest) =>

src/apis/post-like/dto.ts

@@ -1,5 +1,5 @@
-import { BaseSuccessResponse } from '../core/dto';
-import { PaginationMeta } from '../util/dto';
+import type { BaseSuccessResponse } from '@apis/core/dto';
+import type { PaginationMeta } from '@apis/util/dto';
 
 // 좋아요 누르기/취소
 export type TogglePostLikeStatusResponse = BaseSuccessResponse<TogglePostLikeStatusData>;

src/apis/post-like/index.ts

@@ -1,6 +1,6 @@
-import { TogglePostLikeStatusResponse, GetPostLikeListResponse } from './dto';
+import { newRequest } from '@apis/core';
 
-import { newRequest } from '../core';
+import type { TogglePostLikeStatusResponse, GetPostLikeListResponse } from './dto';
 
 // 게시글 좋아요 누르기/취소
 export const togglePostLikeStatusApi = (postId: number) =>

src/apis/post-report/dto.ts

@@ -1,4 +1,4 @@
-import { BaseSuccessResponse } from '../core/dto';
+import type { BaseSuccessResponse } from '@apis/core/dto';
 
 interface BaseReport {
 	id: number; // 신고 ID

src/apis/post-report/index.ts

@@ -1,6 +1,6 @@
-import { SendPostReportRequest, SendPostReportResponse } from './dto';
+import { newRequest } from '@apis/core';
 
-import { newRequest } from '../core';
+import type { SendPostReportRequest, SendPostReportResponse } from './dto';
 
 // 게시글 신고 API
 export const sendPostReportApi = (data: SendPostReportRequest) =>

src/apis/post/dto.ts

@@ -1,5 +1,5 @@
-import { BaseSuccessResponse } from '../core/dto';
-import { PaginationMeta } from '../util/dto';
+import type { BaseSuccessResponse } from '@apis/core/dto';
+import type { PaginationMeta } from '@apis/util/dto';
 
 // 게시글 생성
 //request
@@ -28,7 +28,7 @@ export interface PostBase {
 	postClothings?: PostClothing[] | null;
 	isRepresentative: boolean;
 }
-export interface CreatePostData extends PostBase {}
+export type CreatePostData = PostBase;
 export interface PostSummary {
 	id: number;
 	content: string;

src/apis/post/index.ts

@@ -1,6 +1,8 @@
-import { EmptySuccessResponse } from '../core/dto';
+import { newRequest } from '@apis/core';
 
-import {
+import type { EmptySuccessResponse } from '@apis/core/dto';
+
+import type {
 	CreatePostRequest,
 	CreatePostResponse,
 	GetPostListResponse,
@@ -10,8 +12,6 @@ import {
 	ModifyPostResponse,
 } from './dto';
 
-import { newRequest } from '../core';
-
 // 게시글 생성
 export const createPostApi = (data: CreatePostRequest) => newRequest.post<CreatePostResponse>('/post', data);
 

src/components/BottomButton/index.tsx

@@ -8,7 +8,7 @@ const BottomButton: React.FC<BottomButtonProps> = ({ content, onClick, disabled
 	return (
 		<ButtonWrapper>
 			<Button onClick={onClick} disabled={disabled}>
-				<StyledText $textTheme={{ style: 'body1-regular', lineHeight: 2 }}>{content}</StyledText>
+				<StyledText $textTheme={{ style: 'body1-regular' }}>{content}</StyledText>
 			</Button>
 		</ButtonWrapper>
 	);

src/components/ClothingInfoItem/index.tsx

@@ -21,10 +21,10 @@ const ClothingInfoItem: React.FC<ClothingInfoItemProps> = ({ clothingObj, onDele
 					<img src={clothingObj.imageUrl} alt="ClothingImg" />
 				</ClothingImage>
 				<div className="infoDetail">
-					<StyledText className="brand" $textTheme={{ style: 'body2-bold', lineHeight: 2 }}>
+					<StyledText className="brand" $textTheme={{ style: 'body2-bold' }}>
 						{clothingObj.brandName}
 					</StyledText>
-					<ClothingModel className="model" $textTheme={{ style: 'body4-light', lineHeight: 1 }}>
+					<ClothingModel className="model" $textTheme={{ style: 'body4-light' }}>
 						{clothingObj.modelName}
 					</ClothingModel>
 				</div>

src/components/ClothingInfoItem/styles.tsx

@@ -39,7 +39,7 @@ export const ClothingInfoLeft = styled.div`
 
 	.model {
 		margin-right: auto;
-		color: ${({ theme }) => theme.colors.black};
+		color: ${({ theme }) => theme.colors.text.primary};
 		overflow: hidden;
 		text-overflow: ellipsis;
 		display: -webkit-box;

src/components/ConfirmationModal/index.tsx

@@ -24,7 +24,7 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = ({
 		>
 			<ConfirmationModalLayout>
 				<ContentBox>
-					<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.black}>
+					<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.primary}>
 						{content}
 					</StyledText>
 				</ContentBox>
@@ -36,14 +36,14 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = ({
 									onCloseModal();
 								}}
 							>
-								<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.black}>
+								<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.primary}>
 									취소
 								</StyledText>
 							</Button>
 						</>
 					)}
 					<Button onClick={confirm.action}>
-						<StyledText $textTheme={{ style: 'body2-regular', lineHeight: 1.5 }} color={'#F00'}>
+						<StyledText $textTheme={{ style: 'body2-regular' }} color={'#F00'}>
 							{confirm.text}
 						</StyledText>
 					</Button>

src/components/Text/dto.ts

@@ -10,7 +10,6 @@ interface FontStylesByPlatform {
 export interface StyledTextProps {
 	$textTheme: {
 		style: FontStyleKey | FontStylesByPlatform;
-		lineHeight?: number;
 	};
 	color?: string;
 	children: unknown;

src/components/TopBar/styles.tsx

@@ -4,8 +4,7 @@ import theme from '@styles/theme';
 
 import { StyledText } from '@components/Text/StyledText';
 
-import type { TopBarLayoutProps } from './dto';
-export const TopBarLayout = styled.header<TopBarLayoutProps>`
+export const TopBarLayout = styled.header<{ $withBorder: boolean }>`
 	display: flex;
 	position: sticky;
 	top: 0; /* 부모 요소의 상단에 붙도록 설정 */