Create Week3 Mission1, 2, 3 #48
Conversation
hyesngy
left a comment
hyesngy
left a comment
There was a problem hiding this comment.
๊ณ ์ ๋ง์ผ์
จ์ต๋๋ค!๐๐
์ ๋ฐ์ ์ผ๋ก UI์ ์ ๊ฒฝ์ ๋ง์ด ์จ์ ๊ตฌํํ์ ์ ์ด ๋๋ณด์ด๊ณ , ์ํ ์นดํ
๊ณ ๋ฆฌ๋ฅผ URL ํ๋ผ๋ฏธํฐ๋ก ๋ณ์ํํ ์ ๊ทผ ๋ฐฉ์์ด ์ธ์์ ์
๋๋ค!
ํ์ฌ ํ์ด์ง ์ด๋ ์ ์คํฌ๋กค ์์น๊ฐ ์ ์ง๋๊ณ ์๋๋ฐ, ๋ ๋์ UX๋ฅผ ๊ณ ๋ คํ์ฌ, ์ ํ์ด์ง๋ก ์ด๋ ์ ์คํฌ๋กค์ด ์๋์ผ๋ก ๋งจ ์๋ก ์ฌ๋ผ๊ฐ๋๋ก ๊ตฌํํด๋ณด๋ฉด ์ด๋จ๊น์!
์ด๋ฒ ์ฃผ ์ํฌ๋ถ์ ํตํด useEffect, API ์ฐ๋, ๋ผ์ฐํ
๊ณผ ์ํ ๊ด๋ฆฌ๊น์ง ๊ฒฝํํด๋ณด์
จ๋ค์!
๊ณ์ํด์ ์ค์ต๊ณผ ํ์ต์ ๋ณํํ๋ฉฐ ์ค๋ ฅ์ ์์๊ฐ์๊ธธ ์์ํฉ๋๋ค!!๐๐
| if (isError) { | ||
| return ( | ||
| <div className="flex flex-col items-center justify-center h-screen text-red-600 bg-red-50 px-6 py-12 rounded-lg shadow-lg mx-4 text-center"> | ||
| <h2 className="text-3xl font-bold mb-4">์๋ฌ๊ฐ ๋ฐ์ํ์ต๋๋ค</h2> | ||
| <p className="text-lg">์ ์ ํ ๋ค์ ์๋ํด์ฃผ์ธ์.</p> | ||
| </div> | ||
| ); | ||
| } |
There was a problem hiding this comment.
์๋ฌ ์ํ UI๋ ๋ก๋ฉ ์ํ UI์ฒ๋ผ ๋ณ๋์ ์ปดํฌ๋ํธ๋ก ๋ถ๋ฆฌํ์ฌ ์ฌ์ฌ์ฉํ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค!
There was a problem hiding this comment.
์ํ ์์ธ ํ์ด์ง์์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง๋ ์ํ ์ ๋ณด, ๊ฐ๋ ๋ฐ ์ถ์ฐ์ง ๋ชฉ๋ก ๋ฑ์ ๋ณ๋์ ์ปดํฌ๋ํธ๋ก ๋ถ๋ฆฌํ๋ฉด ์ฝ๋์ ๊ฐ๋ ์ฑ๊ณผ ์ ์ง๋ณด์์ฑ์ด ํฅ์๋ ๊ฒ ๊ฐ์์!
๐ ๋ฏธ์ ๋ฒํธ
3์ฃผ์ฐจ Misson 1,2,3
๐ ๊ตฌํ ์ฌํญ
๐ ์คํฌ๋ฆฐ์ท
default.mov
โ ์ฒดํฌ๋ฆฌ์คํธ
๐ค ์ง๋ฌธ ์ฌํญ