MISSION6 / 강하은 #47
Open
MISSION6 / 강하은 #47
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
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
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.
1. 구현 모습
2. 해결 과정
단어들이 보이는 화면인 TypingArea와 값을 입력할 수 있는 TypingInput으로 컴포넌트를 분류하였습니다.
TypingArea에서 3초마다 callBackWordList를 호출하였으며 wordList가 10개가 초과될 시 game over가 되도록 로직을 짰습니다.
TypingInput에서는 값을 입력시 filter함수를 이용하여 해당 값을 배열에서 제거해 주었는데 중복 단어가 존재할 경우 동일한 값 중 하나만 삭제되도록 하는 로직도 추가해 주었습니다.
3. To 리뷰어에게
상태 변경 함수에 대해 요즘 고민이 많습니다. 이 코드에서처럼 상위컴포넌트에서 setWordList함수를 하위 컴포넌트에 직접 넘겨주어 상태를 변경하는 코드와 상위 컴포넌트에서 상태 변경 로직을 관리하고 그 함수를 하위컴포넌트에다 props로 보내주는 코드 중 어떤 것을 더 선호하시나요? 둘의 차이가 궁금합니다!
바쁘신 와중 도움 주셔서 감사합니다!