Origin/feat/main/#12 #22
Conversation
…to origin/feat/main/#12
|
|
||
| } | ||
| const submitSignupDataSecond = useCallback(async () => { |
src/hooks/auth/useSign.ts
Outdated
|
|
||
| export const useSignup = () => { | ||
| const SignUpMutation = useSignUpMutation(); | ||
| const EmailMutation = useEmailNumber(); | ||
| const [section, setSection] = useState("first"); | ||
|
|
||
| const [signUpData, setsignUpData] = useState<Sign>({ |
There was a problem hiding this comment.
signUpData를 초기화할 때 여러 필드가 일일이 명시하고 있는데
객체의 초기 상태를 한 곳에서 정의하고 재사용할 수 있도록 상수로 분리 하는 건 어떨까요?
const 상수singup데이터: Sign = { memberId: "", memberPassword: "", memberChckPassword: "", memberName: "", memberEmail: "", memberSchool: "", authCode: "", memberFcmToken: "", };
이런느낌으로 지정한 후
| return data; | ||
| } | ||
|
|
||
| public async refreshAccessToken(refreshToken: { | ||
| refreshToken: string; | ||
| }): Promise<NewAccessTokenResponse> { |
| <S.emailNumberButton onClick={chckEmailAuthCode}><span>인증하기</span></S.emailNumberButton> | ||
| </S.emailTextField> | ||
|
|
||
| </S.InputText> |
There was a problem hiding this comment.
S.InputText가 중복적으로 사용되는데 컴퍼넌트로 분리 하면 어떨까요?
There was a problem hiding this comment.
너무 많은 컴퍼넌트 분리는 안좋을거 같고 S.InputText는 자체로도 재사용성을 늘려서 상관없어 보입니다
| onChange={handleSignupData} | ||
| placeholder="이메일을 입력해주세요" | ||
| placeholder="인증번호를 입력해주세요" | ||
| onKeyDown={keydownButton} | ||
| style={{}} |
| <option value="대덕소프트웨어마이스터고"> | ||
| 대덕소프트웨어마이스터고 | ||
| </option> | ||
| </S.selectButton> |
There was a problem hiding this comment.
가독성이 떨어지는데
<option value="대구소프트웨어마이스터고">대구소프트웨어마이스터고</option> <option value="부산소프트웨어마이스터고">부산소프트웨어마이스터고</option> <option value="광주소프트웨어마이스터고">광주소프트웨어마이스터고</option> <option value="대덕소프트웨어마이스터고">대덕소프트웨어마이스터고</option>
이런식으로 변경하는건 어떨까요?
#12
main페이지
window라 폰트 이상할수 있습니다
수정 및 추가된 사항들
authCheck에서 로그인 했는지 안했는지 확인합니다
그후 token 여부를 상태관리 라이브러리로 저장합니다
또 그 토큰 여부를 libs\tokenCheck 에서 불러올수 있게 만들었습니다
토큰여부 불러올때 사용에시
const { getTokenCheck } = tokenCheck();
getTokenCheck() ? "로그인함": ""로그인 하러가기