1. 함수형 프로그래밍 작성
2. Atomic Design Pattern 관련
   • 카드, 기프티콘 관리의 경우 Template을 사용하도록 한다.
   • 이외 페이지는 page - organisms - molecules - atoms로 구성한다.

화면 구현 담당

1. 의찬

   <aside> 1️⃣ 스플래시

   </aside>

   <aside> 2️⃣ 회원가입

   </aside>

   <aside> 3️⃣ 마이페이지

   </aside>

2. 수환

   <aside> 4️⃣ 카/기 목록 조회

   </aside>

3. 희진

   <aside> 5️⃣ 지도

   </aside>

   <aside> 6️⃣ 북마크

   </aside>

// Jotai 환경 세팅 샘플 데이터

'use client';

import { useAtom } from 'jotai';
import { countAtom } from '../../providers/jotai-providers'; // Providers.tsx 파일의 상대 경로를 확인하세요.

export default function JotaiTest() {
  const [count, setCount] = useAtom(countAtom);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

'use client';

import React from 'react';
import { Provider as JotaiProvider } from 'jotai';
import { atom, useAtom } from 'jotai';

export const countAtom = atom(0);

function JotaiWrapper({ children }: { children: React.ReactNode }) {
  return <JotaiProvider>{children}</JotaiProvider>;
}
export default JotaiWrapper;