회원가입, 로그인 피드백

[DevelopSoo]

1. .env(.local) 파일 만들어서 넣어봅시다.
   

   mission/0617/src/apis/supabaseApi.jsx

   Lines 3 to 4 in 846fa3d

   	const supabaseKey =
   	'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InFxZ2h4aml4Y3lzcHFndGJ6Y3B0Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTc4NTI2NTYsImV4cCI6MjAzMzQyODY1Nn0.ahTNdiwIK_dAj4kb0A7lafaaq3OwYHBWGS6GNQ0yiCU';

2. layout 을 만들 수 없는 구조를 만들었네요. layout을 만들 수 있는 방법을 고안해봅시다.
   

   mission/0617/src/App.jsx

   Lines 5 to 19 in 846fa3d

   	const router = createBrowserRouter([
   	{
   	path: '/',
   	element: <Todolist />,
   	},
   	{
   	path: '/signin',
   	element: <SignIn />,
   	},
   	{
   	path: '/signup',
   	element: <SignUp />,
   	},
   	]);

3. authListner가 아니라 subscription입니다. supabase onAuthStateChange를 구글에서 검색 후 사용법을 보고 하시면 됩니다.
   

   mission/0617/src/components/Header/index.jsx

   Lines 16 to 22 in 7a82936

   	data: { authListener },
   	//반환하는 객체에서 data 속성의 authListener를 추출합니다.
   	} = supabase.auth.onAuthStateChange((_event, session) => {
   	setUser(session ? session.user : null);
   	});
   	// return () => authListener.unsubscribe();
   	// 컴포넌트가 언마운트될 때 실행 되는데 존재하지 않느다..