Develop

DEMO.md

@@ -0,0 +1,67 @@
+# 시연 영상
+
+### 회원가입 - 로그인
+
+<img src="./public/demo/join-login.gif">
+<br>
+
+### 로그인 - 로그아웃
+
+<img src="./public/demo/login-logout.gif">
+<br>
+
+### 소셜 로그인(네이버, 구글)
+
+<img src="./public/demo/login-naver.gif">
+<img src="./public/demo/login-google.gif">
+<br>
+
+### 메인페이지 게시글 무한스크롤 - 필터(인기순)
+
+<img src="./public/demo/scroll-popular.gif">
+<br>
+
+### 메인페이지 게시글 무한스크롤 - 필터(가격순) - 재정렬
+
+<img src="./public/demo/scroll-realign.gif">
+<br>
+
+### 양도글 검색
+
+<img src="./public/demo/search.gif">
+<br>
+
+### 양도글 작성
+
+<img src="./public/demo/write.gif">
+<br>
+
+### 양도글 수정
+
+<img src="./public/demo/edit.gif">
+<br>
+
+### 관심등록 - 관심삭제
+
+<img src="./public/demo/like.gif">
+<br>
+
+### 댓글 작성 - 댓글 수정 - 댓글 삭제
+
+<img src="./public/demo/comment.gif">
+<br>
+
+### 마이페이지 - 회원정보 수정
+
+<img src="./public/demo/mypage.gif">
+<br>
+
+### 모바일사이즈 로그인 - 마이페이지
+
+<img src="./public/demo/mobile.gif">
+<br>
+
+### 관리자 로그인 - 게시글 블라인드
+
+<img src="./public/demo/admin.gif">
+<br>

src/components/SocialLogin/SocialLogin.tsx

@@ -2,10 +2,12 @@ import styled from 'styled-components'
 import { COLORS } from '@src/globalStyles'
 import { SocialLoginGoogleIcon, SocialLoginNaverIcon } from '@src/constants/icons'
 
+const SOCIAL_URL = import.meta.env.VITE_SOCIAL_URL
+
 const SocialLogin = () => {
   const socialLoginHandler = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault()
-    const LINK = `https://field-passer.store/oauth2/authorization/${e.currentTarget.dataset.name}`
+    const LINK = SOCIAL_URL + e.currentTarget.dataset.name
     window.location.replace(LINK)
   }