@@ -43,8 +43,8 @@ export default memo(function ReviewCard({ review }: ReviewCardProps) {
-
{review.postTitle}
-
{review.postContent}
+
{review.postTitle}
+
{review.postContent}
diff --git a/lib/apiClient.ts b/lib/apiClient.ts
index 0959227..9854f2b 100644
--- a/lib/apiClient.ts
+++ b/lib/apiClient.ts
@@ -6,7 +6,9 @@ const getHeaders = () => ({
'Content-Type': 'application/json',
});
-export async function apiRequest(endpoint: string, options: RequestInit = {}) {
+type NextFetchOptions = RequestInit & { next?: { tags?: string[] } };
+
+export async function apiRequest(endpoint: string, options: NextFetchOptions = {}) {
const url = `${API_BASE_URL}${endpoint}`;
const config = {
@@ -92,3 +94,29 @@ export async function apiGetWithCache(
cache: cacheOption,
});
}
+
+export async function apiGetWithTags(
+ endpoint: string,
+ params?: Record,
+ tags?: string[],
+ cacheOption: RequestCache = 'force-cache'
+) {
+ let url = endpoint;
+
+ if (params) {
+ const searchParams = new URLSearchParams();
+ Object.entries(params).forEach(([key, value]) => {
+ if (value !== undefined && value !== null) {
+ searchParams.append(key, String(value));
+ }
+ });
+ const qs = searchParams.toString();
+ if (qs) url += `?${qs}`;
+ }
+
+ return apiRequest(url, {
+ method: 'GET',
+ cache: cacheOption,
+ next: tags && tags.length > 0 ? { tags } : undefined,
+ });
+}
diff --git a/lib/auth/index.ts b/lib/auth/index.ts
index 0c4bfee..66ce350 100644
--- a/lib/auth/index.ts
+++ b/lib/auth/index.ts
@@ -1,6 +1,5 @@
import { HTTP_STATUS } from '@/constants';
import { LoginParams, LoginResponse } from '@/domains/auth';
-import { setToken } from '@/utils';
import { apiPost } from '../apiClient';
export async function postLogin({ id, password }: LoginParams): Promise {
@@ -18,8 +17,6 @@ export async function postLogin({ id, password }: LoginParams): Promise {
try {
- const response = await apiGetWithCache('/class', {
- university: universityName,
- lectureId: lectureId,
- });
+ const response = await apiGetWithTags(
+ '/class',
+ { university: universityName, lectureId },
+ [`lecture-info-${universityName}-${lectureId}`],
+ 'force-cache'
+ );
if (response.status === HTTP_STATUS.OK && response.data) {
return {
@@ -41,9 +43,12 @@ export async function getLectureInfo(
export async function getMyLectures(userNumber: number): Promise {
try {
- const response = await apiGetWithCache('/class/me', {
- userNumber: userNumber.toString(),
- });
+ const response = await apiGetWithTags(
+ '/class/me',
+ { userNumber },
+ [`my-lectures-${userNumber}`],
+ 'force-cache'
+ );
if (response.status === 200 && Array.isArray(response.data)) {
return response.data;
diff --git a/lib/lecture/getLectureRating.ts b/lib/lecture/getLectureRating.ts
index 5853b8d..75d29f7 100644
--- a/lib/lecture/getLectureRating.ts
+++ b/lib/lecture/getLectureRating.ts
@@ -1,5 +1,5 @@
import { HTTP_STATUS } from '@/constants';
-import { apiRequest } from '../apiClient';
+import { apiRequest, apiGetWithTags } from '../apiClient';
export interface RatingResult {
success: boolean;
@@ -13,16 +13,12 @@ export async function getLectureRating(
universityName: string
): Promise {
try {
- const response = await apiRequest('/class', {
- method: 'GET',
- cache: 'no-store',
- });
-
- const url = `/class?university=${universityName}&lectureId=${lectureId}`;
- const data = await apiRequest(url, {
- method: 'GET',
- cache: 'no-store',
- });
+ const data = await apiGetWithTags(
+ '/class',
+ { university: universityName, lectureId },
+ [`lecture-info-${universityName}-${lectureId}`],
+ 'force-cache'
+ );
if (data.status === HTTP_STATUS.OK && data.data) {
if (data.data.averageStarLating !== undefined) {
diff --git a/lib/review/review.ts b/lib/review/review.ts
index 3d3be6c..5b37d03 100644
--- a/lib/review/review.ts
+++ b/lib/review/review.ts
@@ -1,7 +1,7 @@
import { ERROR_MESSAGES, HTTP_STATUS } from '@/constants';
import { ReviewResult, PostReviewRequest, PostReviewResult } from '@/domains/review';
import { MyReviewData, DeleteReviewRequest, DeleteReviewResult } from '@/domains/mypage';
-import { apiPost, apiPatch, apiDelete, apiGetWithCache } from '../apiClient';
+import { apiPost, apiPatch, apiDelete, apiGetWithTags } from '../apiClient';
export async function getReviewList({
lectureId,
@@ -22,7 +22,12 @@ export async function getReviewList({
...(recent && { recent }),
};
- const response = await apiGetWithCache('/review', params);
+ const response = await apiGetWithTags(
+ '/review',
+ params,
+ [`reviews-${lectureId}`],
+ 'force-cache'
+ );
if (response.status === HTTP_STATUS.OK && Array.isArray(response.data)) {
return {
@@ -140,9 +145,12 @@ export async function deleteReview(request: DeleteReviewRequest): Promise {
try {
- const response = await apiGetWithCache('/review/me', {
- userNumber: userNumber.toString(),
- });
+ const response = await apiGetWithTags(
+ '/review/me',
+ { userNumber },
+ [`my-reviews-${userNumber}`],
+ 'force-cache'
+ );
if (response.status === 200 && Array.isArray(response.data)) {
return response.data;
diff --git a/next.config.ts b/next.config.ts
index e9ffa30..70bac17 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,7 +1,15 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from 'next';
+import path from 'path';
const nextConfig: NextConfig = {
- /* config options here */
+ webpack: (config) => {
+ config.resolve = config.resolve || {};
+ config.resolve.alias = {
+ ...(config.resolve.alias || {}),
+ '@': path.resolve(__dirname),
+ };
+ return config;
+ },
};
export default nextConfig;
diff --git a/tsconfig.json b/tsconfig.json
index d8b9323..158c95b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,7 @@
{
"compilerOptions": {
+ "forceConsistentCasingInFileNames": true,
+ "baseUrl": ".",
"target": "ES2017",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
diff --git a/utils/Index.ts b/utils/index.ts
similarity index 100%
rename from utils/Index.ts
rename to utils/index.ts