add: mission1 #5
Open
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
hhhkdev
reviewed
Jan 4, 2025
| padding : 20px; | ||
| } | ||
|
|
||
| .App > section { |
There was a problem hiding this comment.
식별자 간의 관계를 표현하는 것도 좋네요 이런식으로 이용하다보면 css 관계를 빠르게 이해하는데 도움이 될거 같습니당
Comment on lines
+7
to
+10
| const [number, setCount] = useState(0); | ||
| const HandleSetCount = (val) => { | ||
| setCount(number + val); | ||
| }; |
There was a problem hiding this comment.
useState와 핸들 함수를 적절히 이용한 예시 같네요 개인적으로는 아래 Viewer도 따로 구분한게 좋다고 생각합니당
| const [isAuthenticated, setIsAuthenticated] = useState(false); | ||
| return ( | ||
| <div> | ||
| <BrowserRouter> |
There was a problem hiding this comment.
BrowserRouter는 여기 말고도, main.jsx에서 App 컴포넌트를 감싸도 이용할 수 있습니당
Comment on lines
+7
to
+10
| const handleLogout = () => { | ||
| localStorage.removeItem("authToken"); | ||
| alert("로그아웃 되었습니다."); | ||
| navigate("/"); |
There was a problem hiding this comment.
토큰을 통해 로그아웃까지 처리한게 좋네요 로컬 스토리지를 통해 확실히 토큰을 이해했다는게 느껴집니당
Comment on lines
+25
to
+42
| const handleSubmit = (e) => { | ||
| e.preventDefault(); | ||
|
|
||
| const userFound = Object.values(users).find( | ||
| (user) => user.id === idValue && user.pw === pwValue | ||
| ); | ||
|
|
||
| if (userFound) { | ||
| alert("로그인 성공"); | ||
| setIsAuthenticated(true); | ||
| localStorage.setItem("authToken", "your_token_here"); | ||
| navigate("/protected"); | ||
| } | ||
|
|
||
| else { | ||
| alert("아이디 또는 비밀번호가 잘못되었습니다."); | ||
| } | ||
| }; |
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.
No description provided.