Conversation
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
endmoseung
approved these changes
Jul 15, 2024
src/util/loginCheck.ts
Outdated
Comment on lines
2
to
3
| type I = HTMLInputElement; | ||
| type D = HTMLDivElement; |
There was a problem hiding this comment.
타입이름을 더 명확하게 지었으면 좋겠습니다!
이러면 나중에 알아보기가 힘들어요.
There was a problem hiding this comment.
@endmoseung 리액트훅폼으로 리펙토링했습니다ㅜㅜ
src/util/loginCheck.ts
Outdated
Comment on lines
6
to
11
| let email = inputBox.value.trim(); | ||
| if (!isValidEmail(email)) { | ||
| showError('잘못된 이메일입니다', inputBox, errorBox); | ||
| } else { | ||
| clearError(inputBox, errorBox); | ||
| } |
There was a problem hiding this comment.
let을 쓰지 않아도 구현 가능할 것 같습니다!
src/util/loginCheck.ts
Outdated
Comment on lines
30
to
36
|
|
||
| export function isValidEmail(email: string) { | ||
| // 이메일 형식을 정규표현식을 사용하여 검사 | ||
| let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; | ||
| return emailRegex.test(email); | ||
| } | ||
|
|
Comment on lines
24
to
33
| useEffect(() => { | ||
| const observer = new IntersectionObserver(callback, { threshold: 1 }); | ||
| if (target.current !== null) { | ||
| observer.observe(target.current); | ||
| } | ||
| return () => { | ||
| observer.disconnect(); | ||
| }; | ||
| }, []); | ||
|
|
Comment on lines
+8
to
+18
| export interface SignUp { | ||
| email: string; | ||
| nickName: string; | ||
| password: string; | ||
| repeatPassword: string; | ||
| } | ||
|
|
||
| export interface Show { | ||
| passShow: boolean; | ||
| repeatShow: boolean; | ||
| } |
There was a problem hiding this comment.
api는 파일로 따로 관리하면 추후 재사용성이 증가해요!
Comment on lines
+38
to
+40
| useEffect(() => { | ||
| saveComment(); | ||
| }, []); |
There was a problem hiding this comment.
Suggested change
| useEffect(() => { | |
| saveComment(); | |
| }, []); | |
| useEffect(() => { | |
| if(id){ | |
| saveComment(); | |
| } | |
| }, []); |
위처럼 바꾸시면 함수에 타입단언 쓰지 않아도 될 것 같아요
src/components/AddBoardContainer.tsx
Outdated
Comment on lines
12
to
17
| useEffect(() => { | ||
| if (!ACCESS_TOKEN) { | ||
| alert('로그인이 필요합니다.'); | ||
| routes.replace('/boards'); | ||
| } | ||
| }, []); |
There was a problem hiding this comment.
코드의 가독성을 위해서 effect의 위치는 아래측에 위치하면 통일감 있겠네요:)
src/api/axios.ts
Outdated
| (config: InternalAxiosRequestConfig<any>) => { | ||
| const token = Cookies.get('token'); | ||
| (config) => { | ||
| const token = Cookies.get('accessToken'); |
There was a problem hiding this comment.
쿠키에 들어가는 키값들도 따로 상수로 관리하시면 실수 할 여지도 줄어들고 추후에 유지보수에 도움이 됩니다!
| { | ||
| refreshToken: Cookies.get('refreshToken'), | ||
| }, | ||
| { headers: { 'Content-Type': 'application/json' } } |
There was a problem hiding this comment.
요 값은 axiosinstance에서 고정적으로 심어두면 좋아요. 왠만하면 content-type은 고정이라서요!
| const [posts, setPosts] = useState<writingType[]>([]); | ||
| const target = useRef<HTMLDivElement>(null); |
There was a problem hiding this comment.
target보다는 scrollRef같은것으로 무한스크롤 이름 주눈건 어떨까요??
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
요구사항
기본
주요 변경사항
-리액트 훅폼사용
스크린샷
멘토에게