-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Main->MainPage * Login * test * [ADD]로그인페이지 * margin: 0 * Login page 0.0 * 페이지 이동 * Certify * 닉네임 설정 * 닉네임 유효성 검사 * 닉네임 설정 수정 * 이전 페이지 기능 구현 * 인증번호 유효성 검사 * 인증번호 알림창 수정 * Profile 경로 이동 * 메인화면 라우팅 * 프로필 설정 토글 수정 * 폰트 설정 * 프로필 설정완료 버튼 * css 수정 * 메인화면 무한 스크롤 * 메인화면 호버 * 메인화면 사이드 바 * css 수정 * css 수정 완료 * 로그인 0.00 css 완성 * 로그인 0.01화면 css 완성 * 로그인 0.02화면 css완성 * 로그인 0.03화면 css완성 * first * css 최종 수정 * 서버 연결 테스트코드 * 해시태그 업로드 기능 완성 * recoil추가 * 카카오 간편 로그인 구현 * 헤더login시 accesstoken, userId 전역관리 * 질문/답변 조회 기능 완성 * 답변등록 부모/자식 분리 * 답변 등록 기능 완성 * 질문등록기능 완성 * test * 카카오 구현 수정 * localstorage 로그인 상태 관리 * 질문 등록 시간 반영 * 메인페이지 연동 완료 * Auth 경로 변경 * questionId 추가 * localStorage 토큰, id값 추가 * 답변 좋아요 기능 추가 * 수정하기 렌더링 추가 * 간편 로그인 수정 * 메인 어른이 태그 수정 * test * 액세스 토큰 저장 * test * 닉네임 변경 구현, 검색페이지 수정 * redirect url 수정 * 헤더 프로필 완성 * 수정 * test * css수정 * qa수정 * css 수정완료 * qa수정2 * 로고 추가 * 검색 아이콘 수정 * 마이프로필 수정 * DEMO --------- Co-authored-by: Baetato <[email protected]> Co-authored-by: taejun-J <[email protected]>
- Loading branch information
3 people
authored
Feb 20, 2024
1 parent
532176d
commit a1f33d7
Showing
58 changed files
with
19,004 additions
and
12,000 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| import axios from 'axios'; | ||
|
|
||
| /** | ||
| * 기본적인 HttpClient 객체 구조 | ||
| * GET, POST, PUT, DELETE 메서드 제공 | ||
| * | ||
| * @example | ||
| * const apiClient = new HttpClient('https://your-api-url.com'); | ||
| * | ||
| * // GET 요청 예시 | ||
| * apiClient.get('/endpoint') | ||
| * .then(response => console.log(response.data)) | ||
| * .catch(error => console.error(error)); | ||
| * | ||
| * // POST 요청 예시 | ||
| * apiClient.post('/endpoint', { data: 'yourData' }) | ||
| * .then(response => console.log(response.data)) | ||
| * .catch(error => console.error(error)); | ||
| */ | ||
| // class HttpClient { | ||
| // constructor(baseURL) { | ||
| // this.client = axios.create({ | ||
| // baseURL: baseURL | ||
| // }); | ||
| // } | ||
|
|
||
| // get(url, config = {}) { | ||
| // return this.client.get(url, config); | ||
| // } | ||
|
|
||
| // post(url, data, config = {}) { | ||
| // return this.client.post(url, data, config); | ||
| // } | ||
|
|
||
| // put(url, data, config = {}) { | ||
| // return this.client.put(url, data, config); | ||
| // } | ||
|
|
||
| // delete(url, config = {}) { | ||
| // return this.client.delete(url, config); | ||
| // } | ||
| // } |
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,109 @@ | ||
| //@ts-nocheck | ||
| import React, { useState, useEffect } from "react"; | ||
| import axios from 'axios'; | ||
| import { useNavigate } from 'react-router-dom'; | ||
|
|
||
|
|
||
| function Auth() { | ||
| const navigate = useNavigate(); | ||
| const [code, setCode] = useState({}) | ||
|
|
||
| // useEffect(() => { | ||
| // // Query String Parsing | ||
| // let href = window.location.href; | ||
| // // Parsing Query String | ||
| // let queryString = href.substring(href.indexOf("?") + 1); | ||
| // // Parsing Query String to Object | ||
| // let queryObj = {}; | ||
|
|
||
| // // Split by "&" | ||
| // queryString.split("&").forEach((value) => { | ||
| // let key = value.split("=")[0]; | ||
| // let val = value.split("=")[1]; | ||
| // queryObj[key] = val; | ||
| // }); | ||
|
|
||
| // let kakaoCode = queryObj["code"]; | ||
|
|
||
| // let data = { | ||
| // "grant_type" : "authorization_code", | ||
| // "client_id" : "1d5868c6919c5a981e66913f02262514", | ||
| // "redirect_uri" : "http://localhost:3000/auth/kakao/login", | ||
| // "code" : kakaoCode, | ||
| // }; | ||
|
|
||
| // console.log("1",data); | ||
| // // 쿼리스트링으로 데이터 넘기기 시도 | ||
| // axios.post(`https://kauth.kakao.com/oauth/token`, querystring.stringify(data),{ | ||
| // headers : { | ||
| // "Content-type" : "application/x-www-form-urlencoded" | ||
| // } | ||
| // }) | ||
| // // .then(console.log("3")) 테스트 | ||
| // .then((res) => { | ||
| // console.log(res.data); | ||
| // // 여기에 회원가입 요청 API 호출! | ||
| // axios.get(`http://52.78.248.199:8080/users/sign_up?accessToken=${res.data.access_token}`); | ||
| // setCode(res.data); | ||
| // }).catch((err) => { | ||
| // console.log(err); | ||
| // }); | ||
| // }, []); | ||
| // return ( | ||
| // <div> | ||
| // <h1>AuthPage</h1> | ||
| // {JSON.stringify(code)} | ||
| // </div> | ||
| // ); | ||
| // } | ||
| const signUp = async () => { | ||
| const location = window.location; | ||
|
|
||
| const params = new URLSearchParams(location.search); | ||
|
|
||
| let kakaoCode = params.get("code"); | ||
|
|
||
| let data = { | ||
| "grant_type": "authorization_code", | ||
| "client_id": "9c0435350e0714d02ef07e6bccb168ab", | ||
| code: kakaoCode, | ||
| }; | ||
|
|
||
| let response = await axios.post("https://kauth.kakao.com/oauth/token", data, { | ||
| headers: { | ||
| "Content-type": "application/x-www-form-urlencoded" | ||
| } | ||
| }); | ||
|
|
||
| let ret = await axios.get(`http://52.78.248.199:8080/users/sign_up?accessToken=${response.data.access_token}`); | ||
| console.log(ret); | ||
| console.log(ret.data.result.accessToken); | ||
| let { isSuccess, result } = ret.data; | ||
| let { isNew } = result; | ||
| console.log(ret) | ||
| if (isSuccess) { | ||
| if (isNew) { | ||
| localStorage.setItem('accesstoken', ret.data.result.accessToken); | ||
| localStorage.setItem('userId', ret.data.result.userId); | ||
| // 프로필 수정 페이지로 이동 | ||
| navigate("/nickname"); | ||
| } | ||
| // 여기에 userId, accessToken, refreshToken을 저장하는 코드를 작성해야 함 (recoil 사용하는 것으로 알고있음) | ||
| // dispatch({type: INIT_USER, ...result}); | ||
| localStorage.setItem('accesstoken', ret.data.result.accessToken); | ||
| localStorage.setItem('userId', ret.data.result.userId); | ||
| navigate("/mainpage"); | ||
| } else { | ||
| console.log("Login Failed"); | ||
| } | ||
| // localStorage.setItem('accesstoken', ret.data.result.accessToken); | ||
| // localStorage.setItem('userId', ret.data.result.userId); | ||
| // navigate("/mainpage"); | ||
| } | ||
|
|
||
| useEffect(() => { | ||
| signUp() | ||
| }, []); | ||
| }; | ||
|
|
||
| export default Auth; |
Oops, something went wrong.