refactor : home lcp 개선 (#208)

* fix : serverFetch 반환값이 더이상 error를 throw하지 않도록 수정했습니다

* refactor : home 페이지가 revalidate가 정상 작동하도록 수정했습니다

* refactor : 클라이언트 컴포넌트 분해했습니다

* refactor : home의 테일윈드 고정값 모두 수정했습니다

* refactor : 전체적인 홈페이지 개선했습니다
1. revalidate 작동하도록 isr로 수정했습니다
2. 컴포넌트 중 레거시 삭제 및 college -> university로 통일작업했습니다
3. 레거시 컴포넌트의 분리 및 테일윈드 값 PR 내용 반영하도록 했습니다

* refactor : 홈페이지의 추천 영역 react-query로 수정했습니다

* refactor : 레거시 삭제했습니다

* refactor : productuin 상태일때는 universities를 사용하도록 수정했습니다

* refactor : unoptimized 설정 삭제했습니다

* refactor : PR 내용 반영했습니다

* fix : 배포 서버 전 테스트용으로 endpoint 분가 수정했습니다

* refactor : 폰트 및 이미지 최적화 했습니다

---------

Co-authored-by: 한만욱 <manwook-han@hanman-ug-ui-MacBookPro.local>

Author: manNomi

src/api/university/client/useGetRecommendedUniversity.ts

@@ -9,10 +9,8 @@ const getRecommendedUniversity = async ({
 }: {
   queryKey: [string, boolean];
 }): Promise<RecommendedUniversityResponse> => {
-
   const endpoint = process.env.NODE_ENV !== "development" ? "/univ-apply-infos/recommend" : "/universities/recommend";
 
-
   const [, isLogin] = queryKey;
   const instance = isLogin ? axiosInstance : publicAxiosInstance;
   const res = await instance.get(endpoint);

src/api/university/server/getRecommendedUniversity.ts

@@ -3,10 +3,8 @@ import serverFetch from "@/utils/serverFetchUtil";
 import { RecommendedUniversityResponse } from "../type/response";
 
 const getRecommendedUniversity = async () => {
-
   const endpoint = process.env.NODE_ENV !== "development" ? "/univ-apply-infos/recommend" : "/universities/recommend";
 
-
   const res = await serverFetch<RecommendedUniversityResponse>(endpoint, {
     isAuth: false, // 인증이 필요 없는 API로 설정
   });

src/api/university/server/getSearchUniversityList.ts

@@ -20,10 +20,8 @@ interface SearchParams {
  * - 필요 시 query string 을 동적으로 붙인다.
  */
 const getSearchUniversityList = async ({ region, keyword, testType, testScore }: SearchParams = {}) => {
-
   const endpoint = process.env.NODE_ENV !== "development" ? "/univ-apply-infos/search" : "/universities/search";
 
-
   const params = new URLSearchParams();
 
   if (region) params.append("region", region);

src/app/_home/index.tsx

@@ -88,6 +88,8 @@ const Home = async () => {
             <a key={news.id} target="_blank" href={news.url} rel="noreferrer">
               <div className="flex gap-4">
                 <Image
+                  loading="lazy"
+                  placeholder="blur"
                   className="h-24 w-44 shrink-0 rounded-xl object-cover"
                   src={news.imageUrl}
                   alt={news.title}

src/app/layout.tsx

@@ -45,7 +45,7 @@ export const viewport: Viewport = {
 
 const RootLayout = ({ children }: { children: React.ReactNode }) => (
   <AlertProvider>
-    <html lang="ko" className="font-serif">
+    <html lang="ko">
       <KakaoScriptLoader />
       <AppleScriptLoader />
       <GoogleAnalytics gaId="G-V1KLYZC1DS" />