Skip to content

Commit

Permalink
feat: delete useless part
Browse files Browse the repository at this point in the history
  • Loading branch information
crew852 committed Aug 30, 2024
1 parent 49d03a1 commit 62e4927
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 48 deletions.
3 changes: 2 additions & 1 deletion .vscode/settings.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,6 @@
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
"git.pruneOnFetch": true
"git.pruneOnFetch": true,
"files.eol": "\n"
}
48 changes: 1 addition & 47 deletions app/routes/oauth.kakao.tsx.tsx
Original file line number Diff line number Diff line change
@@ -1,21 +1,12 @@
//HTTP 요청을 보내기 위해 axios라이브러리를 추가했습니다.
import { LoaderFunction, json } from '@remix-run/cloudflare';
import { useSearchParams } from '@remix-run/react';
import axios, { AxiosError } from 'axios';
import { useEffect } from 'react';

export const loader: LoaderFunction = async ({ request }) => {
const url = new URL(request.url);
const code = url.searchParams.get('code');
const state = url.searchParams.get('state');

/**
* code와 state 값을 추출하여 axios.post를 사용해 백엔드 서버에 요청을 보냅니다.
* 요청 성공 시 성공 메시지와 반환된 데이터를 JSON 형태로 반환합니다.
* 요청 실패 시 오류 메시지를 JSON 형태로 반환하고 콘솔에 오류를 출력합니다.
*/
try {
//추후에 진짜 백엔드 api url로 변경예정입니다.
const response = await axios.post('(백엔드api url)', {
code,
state,
Expand All @@ -28,43 +19,6 @@ export const loader: LoaderFunction = async ({ request }) => {
}
};

/**
* @constructor KakaoRedirect 함수는 카카오 로그인 후 리다이렉트된 페이지에서 실행되는 컴포넌트입니다.
* @useSearchParams 훅을 사용해 URL 쿼리 파라미터를 가져옵니다.
* @useEffect 훅을 사용해 컴포넌트가 마운트될 때 실행되는 코드를 작성합니다.
* @sendCodeToServer 쿼리 파라미터에서 code와 state를 추출하고, 이 값을 url.searchParams 객체에 추가한 후, /oauth/kakao 엔드포인트로 POST 요청을 보냅니다.
*/
const KakaoRedirect = () => {
const [searchParams] = useSearchParams();

useEffect(() => {
const sendCodeToServer = async () => {
const code = searchParams.get('code');
const state = searchParams.get('state');

if (code) {
const formData = new FormData();
formData.append('code', code);
if (state) {
formData.append('state', state);
}

try {
const response = await fetch('/oauth/kakao', {
method: 'POST',
body: formData,
});
const data = await response.json();
console.log('Server response:', data);
} catch (error) {
console.error('Error:', error);
}
}
};
sendCodeToServer();
}, [searchParams]);

return <div>카카오 로그인 중...</div>;
};
const KakaoRedirect = () => <div>카카오 로그인 중...</div>;

export default KakaoRedirect;

0 comments on commit 62e4927

Please sign in to comment.