NestJS use client

• 클라이언트 컴포넌트 는, 버튼 또는 검색창과 같이 사용자와 상호작용하는 작은 UI 들을 클라이언트 단에서 렌더링되는 컴포넌트를 뜻한다.
• 서버 컴포넌트 란, 말 그대로 서버 부분에서 렌더링 되는 컴포넌트이다.
  사용자와 상호작용하는 버튼 또는 검색창 UI 등을 제외한 나머지가 서버에서 렌더링되는 방식이다.
• 모든 컴포넌트는 !서버 컴포넌트 가 기본이다.!
  따라서 클라이언트 컴포넌트 로 사용하고 싶다면, 'use Client' 를 입력해주면 된다.

'use client' 를 파일의 최상단(import 보다 위, 첫 번째 줄)에 입력하면, 하위 구성요소를 포함하여 해당 파일로 가져온 다른 모든 모듈이 클라이언트 번들의 일부로 간주된다.

"use client";

 

import { Button } from "@/components/ui/button";

import { useRouter } from "next/router";

import { Card as UICard } from "@/components/ui/card";

import React, { useState, useEffect } from "react";

import styles from "../mentors/mainpage.module.css";

import Link from "next/link";