[3주차] 박예진 미션 제출합니다. #10
Open
Conversation
This file contains hidden or 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
S-J-Kim
reviewed
May 8, 2021
S-J-Kim
left a comment
S-J-Kim
left a comment
There was a problem hiding this comment.
뭐 제가 따로 코멘트할게 없습니다. 왜냐면 잘했기 때문이죠, 진심으로. 코드 간결하게 잘 짰고 리뷰어 입장에서 이해하기 쉬웠습니다. 진짜 뭐 제가 건드릴게 없네요. 예진님 덕분에 레드반다나 개발팀의 미래가 밝습니다.
Comment on lines
+20
to
+24
| <Route path="/" component={MenuBar} /> | ||
| <Route path="/profile" component={ProfileListView} /> | ||
| <Route path="/chatting-list" component={ChattingList} /> | ||
| <Route path="/chat-with/:userID" component={MessageChattingView} /> | ||
| <Route path="/more" component={MoreView} /> |
Comment on lines
+16
to
+20
| for (let userProfile of userProfileSet) { | ||
| if (userProfile.name.includes(searchUserInput)) { | ||
| setMatchUserSet((matchUser) => [...matchUser, userProfile]); | ||
| } | ||
| } |
There was a problem hiding this comment.
Suggested change
| for (let userProfile of userProfileSet) { | |
| if (userProfile.name.includes(searchUserInput)) { | |
| setMatchUserSet((matchUser) => [...matchUser, userProfile]); | |
| } | |
| } | |
| userProfileSet.forEach(elem => { | |
| if (elem.name.includes(searchUserInput)) { | |
| setMatchUserSet(matchUser => [...matchUser, elem]); | |
| } | |
| } |
멋지게 forEach를 한번 써보자구요 ㅎㅎ 물론 이 방식도 좋습니다.
Comment on lines
+8
to
+14
| { chattingUser: "2", messageContext: "3주차", id: Date.now() }, | ||
| { chattingUser: "3", messageContext: "미션", id: Date.now() }, | ||
| { chattingUser: "4", messageContext: "거의 끝...", id: Date.now() }, | ||
| { chattingUser: "5", messageContext: "오늘의 TMI!", id: Date.now() }, | ||
| { chattingUser: "6", messageContext: "아직 중간고사", id: Date.now() }, | ||
| { chattingUser: "7", messageContext: "안끝났음....", id: Date.now() }, | ||
| { chattingUser: "8", messageContext: "깔깔....", id: Date.now() }, |
There was a problem hiding this comment.
지금은 각 채팅별로 기존 대화목록이 딱 한개이기 때문에 괜찮지만,,, 앞으로 채팅 내용을 저장하고 불러올 기능까지 구현을 염두해 둔다면 messageContext는 array의 형태를 갖는게 적절해 보입니다!
GeonHeeAhn
reviewed
May 9, 2021
| <MessageBox userChattingMessageSet={userChattingMessageSet}/> | ||
| <MessageInputBar clickInputButton={clickInputButton}/> | ||
| <Container> | ||
| <Route path="/" component={MenuBar} /> |
There was a problem hiding this comment.
"/"에 메뉴바 설정해서 모든 경우에 뜨게 하는 방법 되게 좋네요.
|
|
||
| function ChattingProfileBubble({ profile }) { | ||
| //파라미터 쓰기 | ||
| const history = useHistory(); |
There was a problem hiding this comment.
로컬 스토리지처럼 history에 채팅 정보가 저장되도록 한건가요? 너무 대단...
| border: none; | ||
| padding: 0; | ||
| margin: 1vw; | ||
| opacity: ${(props) => (props.clicked === 1 ? "100%" : "40%")}; |
| object-fit: contain; | ||
| `; | ||
|
|
||
| const ProfileModal = ({ modalState, setModalState, detailProfile }) => { |
There was a problem hiding this comment.
이 파일은 프로필목록에서 특정 클릭 시 프로필 창이 뜨게 하도록 구현한 코드인가요? 너무 좋은 것 같아요. 저도 예진님꺼 보고 이렇게 하면 좋겠다 싶어서 시도해 봤는데 저는 잘 안되더라구요ㅎㅎ..
Comment on lines
+8
to
+14
| { chattingUser: "2", messageContext: "3주차", id: Date.now() }, | ||
| { chattingUser: "3", messageContext: "미션", id: Date.now() }, | ||
| { chattingUser: "4", messageContext: "거의 끝...", id: Date.now() }, | ||
| { chattingUser: "5", messageContext: "오늘의 TMI!", id: Date.now() }, | ||
| { chattingUser: "6", messageContext: "아직 중간고사", id: Date.now() }, | ||
| { chattingUser: "7", messageContext: "안끝났음....", id: Date.now() }, | ||
| { chattingUser: "8", messageContext: "깔깔....", id: Date.now() }, |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
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.
리액트 라우터 시작할때는 좀 많이 막막 했는데 여전히 막막한 것 같아요 하하
코드가 좀 더러운데 주석처리도 안해서.. 코드 리뷰 하시는 분 죄송합니다ㅠㅠ
이것저것 다양한 기능 추가하고 싶었는데 상상만큼 구현이 잘 안되서 아쉬웠던 것 같아요
저는 react router 사용했습니다. 따로 local storage는 사용하지 않았고, 그래서 아주 기본적인 기능만..! 들어가있습니다. 아마 부족한 부분도 많을 것 같아요. 앞으로 더 발전해야겠죠 >.0
https://react-messenger-13th-ashy.vercel.app/profile
갑자기 vercel 오류가 떠서 배포가 안되고 있어요ㅠㅠ 코드 리뷰하는 분 한번 더 죄송,,,합니다
vercel 오류 해결했는데 파일 이름 수정한거 깃에 반영 안돼서 계속 오류가 났네요 하핳핳
이제 해결했습니다~~!!