-
Notifications
You must be signed in to change notification settings - Fork 4
Open
Description
๐ ํต์ฌ ์๊ตฌ ์ฌํญ 1
๋ฉ์ธํ์ด์ง์ ์ฌ์ด๋๋ฐ๋ฅผ ํตํด ํ๋ก์ ํธ, ํ, ๋ด๋น์ ๋ฑ์ ์ ํํ ์ ์๊ณ ์ ํํ ๊ฐ์ ๋ฐ๋ผ ํํฐ๋์ด์ผ ํฉ๋๋ค.
- ํ๋ก์ ํธ, ํ, ๋ด๋น์ ๋ฆฌ์คํธ๋ ํ๋์ฝ๋ฉํ ๋ฐฐ์ด์ ์ฌ์ฉํ ์๋ ์์ผ๋, ๊ฐ๊ธ์ TS๋ก ์ ์๋์ด ์ฌ์ฌ์ฉ์ด ๊ฐ๋ฅํด์ผ ํฉ๋๋ค.
- ์ฌ์ฉ์๊ฐ ์ ํํ ๊ฐ์ ๋ฐ๋ผ ํด๋นํ๋ ์นธ๋ฐ๋ง UI์ ๋ ธ์ถ๋์ด์ผ ํฉ๋๋ค.
- ๊ฒ์์ ๋ฐ๋ผ ๋ด๋น์๋ฅผ ๊ฒ์ํ ์ ์์ด์ผ ํ๊ณ , ๋ด๋น์๋ฅผ ํฌํจํ๋ ์นธ๋ฐ๋ง UI์ ๋ ธ์ถ๋์ด์ผ ํฉ๋๋ค.
๐ ์์ ์์ธ ๋ด์ฉ
์ฒดํฌ๋ฐ์ค
๋ ์ฐ์ ๋๊ฐ ๋์ ๋ณด์ด๋ ์์ ์ผ๋ก ๊ฐ๊ธ์ ๋จผ์ ํด๊ฒฐ๋์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
๋ถ๋ฆฟ์ผ์ด์ค
๋ ๊ทธ ๋ค์ ์์ ์ผ๋ก ์์๋๋ ์ง์ ์ ๋๋ค.
ํ์ง๋ง ์ ์ฐํ๊ฒ ํ๋จํ์ฌ ๋ถ๋ฆฟ์ผ์ด์ค ๋จผ์ ์์ ํด์ฃผ์ ๋ ์๊ด ์์ต๋๋ค.
UI/UX
๋ฐ๋ณต๋๋ UIํจํด์ด ๋ง์ต๋๋ค. ์ฌ์ฌ์ฉ์ฑ์ ์ต๋ํ ์๊ฐํ์ฌ ์์ ํด ๋ด ์๋ค.
- ํ๋ก์ ํธ, ํ, ๋ด๋น์ ๋ฑ์ ๋ฆฌ์คํ ํ๋ ๋ฐฐ์ด์ ๊ตฌ์ถํฉ๋๋ค. ( TS ํ์ฉ ๊ถ์ฅ )
- ์ฌ์ด๋๋ฐ๋ฅผ ์น์ ๋ณ๋ก ๊ตฌ๋ถ์ง๋ wrapper ui๋ฅผ ๊ตฌ์ถํ๊ณ , ํด๋นํ๋ ๋ฐฐ์ด์ props์ผ๋ก ๋ด๋ ค์ค๋๋ค.
- props์ผ๋ก ์ ๋ฌ๋ฐ์ dataํ์ฉ, checkbox๋ก ์ ํํ ์ ์๋ ui๋ฅผ map์ผ๋ก ๋ฟ๋ ค์ค๋๋ค.
- ์ ์ฒด UI๋ฅผ ๊ฐ์ธ๋ side-bar Component๋ฅผ ๋ชจ๋ฐ์ผ ๋ฐ์์ฑ์ ๊ณ ๋ คํ์ฌ ์์ฑํฉ๋๋ค.
FEATURE
- checkbox๋ button์ผ๋ก ์ ํํ ๊ฐ์ ๋ฐ๋ผ ํน์ ํ ๋ฐ์ดํฐ๋ง ํฌํจํ๋๋ก ๋ฐฐ์ด์ ํํฐ ํฉ๋๋ค.
- ์ ํ๋ ๊ฐ์ ๋ฐ๋ผ ํด๋นํ๋ ์นธ๋ฐ๋ง UI์ ํํ๋์ด์ผ ํฉ๋๋ค. (ํ๋ก์ ํธ, ํ, ๋ด๋น์ ๋ฑ)
- ๊ฒ์์ ํตํด ํน์ ํ ๊ฐ์ ํฌํจํ๋ ์นธ๋ฐ๋ง UI์ ํํ๋์ด์ผ ํฉ๋๋ค.
- ๊ณผ๋ํ ๋ ๋๊ฐ ๋ฐ์ํ์ง ์๋๋ก ์ค๋กํ๋ง์ ์ ์ฉํฉ๋๋ค.
๐ ์ฐธ๊ณ ํ ๋งํ ์๋ฃ (์ ํ)
๊ด๋ จ ๋ฌธ์, ๋งํฌ ๋ฑ์ ์ฒจ๋ถํด ์ฃผ์ธ์.
Seono-Na