[#476] [모임 상세] 비로그인 시 모임 참여하기 버튼 비활성화 (#479)

* refactor: 카카오 로그인 url 상수 선언

* feat: 비로그인시 로그인 및 회원가입 버튼 노출

src/app/group/[groupId]/page.tsx

@@ -1,10 +1,14 @@
 'use client';
 
+import Link from 'next/link';
 import SSRSafeSuspense from '@/components/SSRSafeSuspense';
 import BookGroupInfo from '@/v1/bookGroup/detail/BookGroupInfo';
 import CommentList from '@/v1/bookGroup/detail/CommentList';
 import BookGroupNavigation from '@/v1/bookGroup/BookGroupNavigation';
 import JoinBookGroupButton from '@/v1/bookGroup/detail/JoinBookGroupButton';
+import BottomActionButton from '@/v1/base/BottomActionButton';
+import { isAuthed } from '@/utils/helpers';
+import { KAKAO_LOGIN_URL } from '@/constants/url';
 
 const DetailBookGroupPage = ({
   params: { groupId },
@@ -29,7 +33,11 @@ const DetailBookGroupPage = ({
             <CommentList groupId={groupId} />
           </div>
         </div>
-        <JoinBookGroupButton groupId={groupId} />
+        {isAuthed() ? (
+          <JoinBookGroupButton groupId={groupId} />
+        ) : (
+          <LoginBottomActionButton />
+        )}
       </SSRSafeSuspense>
     </>
   );
@@ -54,3 +62,9 @@ const PageSkeleton = () => (
 );
 
 const Divider = () => <p className="w-app h-[0.5rem] bg-background"></p>;
+
+const LoginBottomActionButton = () => (
+  <Link href={KAKAO_LOGIN_URL}>
+    <BottomActionButton>로그인 및 회원가입</BottomActionButton>
+  </Link>
+);

src/constants/dataUrl.ts → src/constants/url.ts

@@ -2,3 +2,5 @@ export const DATA_URL = {
   placeholder:
     'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdjWL9+/X8ABysDDapsaG4AAAAASUVORK5CYII=', // data url for placeholder color (#AFAFAF)
 };
+
+export const KAKAO_LOGIN_URL = `${process.env.NEXT_PUBLIC_API_URL}/oauth2/authorize/kakao?redirect_uri=${process.env.NEXT_PUBLIC_CLIENT_REDIRECT_URI}`;

src/v1/book/BookCover.tsx

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
 import Image from 'next/image';
 
-import { DATA_URL } from '@/constants/dataUrl';
+import { DATA_URL } from '@/constants/url';
 
 type BookCoverSize =
   | 'xsmall'