-
Notifications
You must be signed in to change notification settings - Fork 0
Create Week10 Mission1 #126
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. Weβll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
hyesngy
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
10μ£Όμ°¨ μν¬λΆκΉμ§ μ λ§ κΈ΄ μ¬μ μ΄μμ΅λλ€.
κ·Έλμ λͺ¨λ κ³ μ λ§μΌμ ¨μ΅λλ€! ππ»ππ»ππ» μ§§μ§ μμ κΈ°κ°λμ μλ―Έ μλ μκ°μ΄ λμκΈ°λ₯Ό λ°λλλ€.
μ΄μ κΈ°λ³Έ μν¬λΆμ λͺ¨λ μμ£Όνμ ¨μ§λ§, 11-12μ£Όμ°¨ μν¬λΆλ λμ ν΄λ³΄μκΈΈ μΆμ²λ립λλ€! 11μ£Όμ°¨μμλ Vercelμ νμ©ν λ°°ν¬μ CI/CD ꡬμ±μ λ€λ£¨κ³ , 12μ£Όμ°¨μμλ WebSocketμ μ΄μ©ν μ€μκ° ν΅μ κ³Ό Cypressλ₯Ό νμ©ν E2E ν μ€νΈλ₯Ό λ€λ£Ήλλ€.
μμΌλ‘λ κΎΈμ€ν νμ΅νκ³ μ±μ₯νμκΈΈ μμνλ©°, λ°λͺ¨λ°μ΄κΉμ§ νμ΄ν μ λλ€! ππ»ππ»ππ»
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
νμ¬ UIμ λ‘μ§μ΄ ν νμΌμ λͺ¨λ λ€μ΄κ° μλ νμ΄μ§λ€μ΄ κ½€ μλλ°, πΌ Standard Missionμ λ°λΌ μ»΄ν¬λνΈλ₯Ό κΈ°λ₯ λ¨μλ‘ λΆλ¦¬ν΄μ κ΄λ¦¬νλ©΄ κ°λ μ±, μ¬μ¬μ©μ±, μ μ§λ³΄μ μΈ‘λ©΄μμ ν¨μ¬ μ’μ κ² κ°μ΅λλ€!
λν μ¬μ©λμ§ μλ μ»΄ν¬λνΈ λ° νμ΄μ§ νμΌλ€λ μ κ±°νμ¬ νλ‘μ νΈ κ΅¬μ‘°λ₯Ό λͺ νν νλ©΄ μ’μ κ² κ°μ΅λλ€!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
MoviePage.tsxμμ renderedSearchResultsμλ§ useMemoκ° μ μ©λμ΄ μκ³ , μΌλ° μν λͺ©λ‘ λ λλ§μλ μ΅μ νκ° μμ΄ νμ΄μ§ λ³κ²½ μλ§λ€ μ 체 λͺ©λ‘μ΄ λ¦¬λ λλ§λκ³ μμ΅λλ€. μΌλ° μν λͺ©λ‘λ useMemoλ‘ κ°μΈκ³ , μν μΉ΄λ ν΄λ¦ νΈλ€λ¬λ useCallbackμΌλ‘ μ΅μ ννλ©΄ μ±λ₯ μΈ‘λ©΄μμ λ μ’μ κ² κ°μ΅λλ€!
| const MovieDetailPage = (): JSX.Element => { | ||
| const { movieId } = useParams(); | ||
| const [movieDetails, setMovieDetails] = useState<any>(null); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
νμ¬ MovieDetailPage.tsxμ useFetchMovies.tsxμμ any νμ
μ μ¬μ©νκ³ μλλ°, μν λ°μ΄ν°μ ꡬ체μ μΈ μΈν°νμ΄μ€λ₯Ό μ μνλ©΄ νμ
μμ μ±μ΄ ν₯μλκ³ κ°λ° μ μλμμ±κ³Ό μ€λ₯ λ°©μ§μ λμμ΄ λ κ²μ
λλ€! Movie μΈν°νμ΄μ€λ₯Ό νμ₯νμ¬ λͺ¨λ μν κ΄λ ¨ λ°μ΄ν°μ μ μ©ν΄λ³΄λ©΄ μ΄λ¨κΉμ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
πChallenge λ―Έμ μ λ°λΌ νλ‘μ νΈ μ 체μ μ±λ₯ μ΅μ νλ UX κ°μ μλ λμ ν΄λ³΄μΈμ! μ½λ νμ§ μΈ‘λ©΄μμλ μ€λ³΅ μ κ±°, μ± μ λΆλ¦¬, μμΈ μ²λ¦¬ κ°μ λ±μ ν΅ν΄ κ°λ μ±κ³Ό μ μ§λ³΄μμ±μ΄ μ’μ μ½λλ‘ λ¦¬ν©ν λ§ ν΄λ³΄λ©΄ μ΄λ¨κΉμ π
| const navigate = useNavigate(); | ||
|
|
||
| // localStorageμμ μ μ μ 보 λ‘λ | ||
| / |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
μ΄ λΆλΆ μ€μμΈ κ² κ°μλ° / κ° λ¨μ μμ΄μ, μλ¬ λ°μνλ―λ‘ μ§μμ£ΌμΈμ~!
π λ―Έμ λ²νΈ
10μ£Όμ°¨ Misson1
π ꡬν μ¬ν
μν κ²μ κΈ°λ₯ ꡬ
React.memo, useCallback, useMemo λ±μ μ΄μ©ν 리λ λλ§
π μ€ν¬λ¦°μ·
β 체ν¬λ¦¬μ€νΈ
[x] Merge νλ €λ λΈλμΉκ° μ¬λ°λ₯΄κ² μ€μ λμ΄ μλμ?
[x] λ‘컬μμ μ€ννμ λ μλ¬κ° λ°μνμ§ μλμ?
[x] λΆνμν μ£Όμμ΄ μ κ±°λμλμ?
[x] μ½λ μ€νμΌμ΄ μΌκ΄μ μΈκ°μ?