์ค๋ ํ์ ๋ด์ฉ.
๐ฌ ์ค์ ํ์ ๋ด์ฉ
1) ๋ก๊ณ ๋ฐ ์์ด์ฝ
→ ๋ก๊ณ ์ ์์ด์ฝ์ ํ์ผ๋ก ๋ถ์ฌ๋์. ํ๋กํ
์ก์
๋ฒํผ(์ฑํ
)์ ์์ด์ฝ ๋์์ธ ๋ฌธ์
2) ๋ฉ์ธ ํ์ด์ง
์์ง ์งํ X
3) ๋์ ์๊ฐ
→ ๋์๋ฅผ ์ถ๊ฐ์ ์ผ๋ก ๋ณด์ฌ์ค ๋ ํ์ด์ง๋ค์ด์
/๋ฌดํ์คํฌ๋กคโ (๋ค๋ฅธ ๊ฒ์ํ์ ํ์ด์ง๋ค์ด์
)
4) ๋ก๊ทธ์ธ ํ์ด์ง, ๋ง์ดํ์ด์ง
→ css ์งํ ์ค
5) ๊ฒ์ ํ์ด์ง
→ ๊ตฌํ ์งํ ์ค, ๋์์ธ๊ณผ ๊ด๋ จํด์ ๊ฒ์ ๊ฒฐ๊ณผ ๋์/์ปค๋ฎค๋ํฐ/์ค๊ณ ๊ฑฐ๋ ๊ฒ์ ํ์ด์ง ์ด๋ป๊ฒ ํ ์ง
6) ๋ณต์ปคํก ๊ธ์ฐ๊ธฐ ํ์ด์ง
→ ์์ด์ดํ๋ ์๊ณผ ์ด์ง ๋ค๋ฅด๊ฒ ์งํ, ํ ์คํธ ์๋ํฐ ์ฌ์ฉ์ผ๋ก ์ธํ์ฌ ๋์์ธ์ ์ด์ง ๋ณ๊ฒฝ ์๊น.
์ ๋ชฉ / ํ๊ทธ / ์นดํ
๊ณ ๋ฆฌ / ์๋ฃ ๋ฒํผ๋ง css ๊ฐ๋ฅ
→ ๊ธ์ฐ๊ธฐ ๋ฒํผ ์๋์์ ์๋ก ์ฎ๊ฒจ๋์. ๋ถ์ปคํก ๋ฆฌ์คํธ์์ ๋ณด์ฌ์ฃผ๋ ์ ๋ชฉ / ๋๋ค์ / ๋ ์ง
7) ๋์ ์ถ์ฒ ํ์ด์ง
→ ์ค๋ฌธ ๋ฆฌ์คํธ -> ํด๋ฆญํ์ ๋ ์ง๋ฌธ์ง ํ์์ผ๋ก ์ค๋ฌธ์กฐ์ฌ ์งํ, ๋์์ธ ๋ฌธ์
8) ๋
๋ฆฝ์์ ์๊ฐ ํ์ด์ง
→ ๋
๋ฆฝ์์ ๊ด๋ จ ๋ด์ฉ ์๋จ : ๋
๋ฆฝ์์ ๊ฐ๋
/ ํ๋จ : ์ง๋ (๋งํฌ ํด๋ฆญ ์ ์์ธ ๋
๋ฆฝ ์์ ํ์ด์ง ์ ๋ณด ๋ณด์ฌ์ค)
- ํฌ์ธํธ ๋ณ ๋ฑ๊ธ ์ ๋(๋ฑ์ง), ๋ฐ์ํ ์น(sm: 768px, lg: 1200px)
๐ฌ ์คํ ํ์ ๋ด์ฉ
๋ฏผ๊ท๋ ํํธ
์นดํ ์์ , ๊ณต๊ฐ๋์ฌ ๊ฐ๋ฅ , ๋
๋ฆฝ์ถํ๋ฌผ ์์ , ๋ถํ ํฌ ๊ฐ๋ฅ , ๋
์๋ชจ์ ๊ฐ๋ฅ , ๊ฐ์ฐ ๊ฐ๋ฅ , ๋ฆฌ๋ทฐ ์์
→ ์ด ๋ถ๋ถ ์ด๋ฆ ์์ธ๋ณด๊ธฐ๋ก ๊ฒฐ์
๋น๋๊ธฐ์ฒ๋ฆฌ๋ ์ฟผ๋ฆฌ๋ฅผ ์ผ๋จ ๋ํดํธ๋ก ์ก๊ณ ๋ด์ผ ์ค์ ํ์ ๋ ํ์ ์ง์ ์์
๊นํ๋ธ์ ํด๋๋ช
market์ด ์๋์ฐ ํ๊ฒฝ์์๋ ๋๋ฌธ์๊ฐ ์๋ฌธ์๋ก / ์๋ฌธ์๊ฐ ๋๋ฌธ์๋ก ๋ฐ๋์ง ์๋ ์ด์๊ฐ ์์ด์
์ง์๋ ํ ๋ก๊ฒจ์ค์
จ๋๋ฐ ๋์๋ฌธ์ ์ด์๋ก ๊ฒฝ๋ก ์๋ฌ๊ฐ ๋ฐ์ํด์ ์ผ๋จ ํด๋น ์๋ฌ ์ฃผ์์ฒ๋ฆฌ ํ ์งํ
ํด๋ ๋์๋ฌธ์ ์ด์๋ก ๊น์์ ํ ๋ก๊ธธ์ ๋ชจ๋ ์๋ฌ ๋ฐ์
1์ฐจ์ ์ผ๋ก๋ ์ง์๋๊ณผ ๋์ฐ๋์ด ํํฐ๋๊ป ๊ฐ์ ํด๊ฒฐํด๋ณผ ์์
1์ฐจ๊ฐ ์ ๋์ ๊ฒฝ์ฐ์๋ ์๋ก์ด ๊น ์์ฑ์ผ๋ก ๋์ฒด.
๊นํ๋ธ์์ dev ๋ธ๋์น๋ฅผ ๋ณด๋๊น ๋๋ฌธ์์ ์๋ฌธ์ ํด๋๊ฐ ๊ฐ๊ฐ ์๊ฒจ์์ด์ ์ ๋ฆฌ๋ฅผ ์ข ํด์ผํ ๊ฒ ๊ฐ์์
๋์ฐ๋์ด ๋ฐ๋ก ๋ง์ํ์๊ธฐ ์ ๊น์ง๋ push / PR์ ์์ ํด์ฃผ์ธ์ !
์งํ์ฌํญ / ํด์ผํ ๋ถ๋ถ
๋ฏผ๊ท๋ - ์ต์ํ์ ๊ธฐ๋ฅ๊ตฌํ์ ์๋ฃ
์ฑ
์ถ์ฒ๋ฐ๊ธฐ , ๋
๋ฆฝ์์ CSS ์งํํ ์์
์ง์๋ - ์ฑ
์ ๋ํ ๋ํ
์ผ ํ์ด์ง๊น์ง ๊ตฌํ ์ฑ๊ณต
๋์์๊ฐ ํ์ด์ง ๊ด๋ จ CSS ์งํํ ์์
๋ณํ๋ - ์ค๊ณ ๊ฑฐ๋์ ๋ค์ด๊ฐ ์ฑํ
ํํธ๋ฅผ ์ฝ๋๋ฅผ ์๋กญ๊ฒ ์ง์ผํด์ ์๊ฐ์ด ์ง์ฐ๋ ์์
์ค๋ณต๋๋ ์ฝ๋ ๋ฆฌ์ํธ ์ฟผ๋ฆฌ๋ก ๋น๋๊ธฐ ์ฒ๋ฆฌํ ์์
์ฃผ์๋ - ๋ถ์ปคํก / ๋ฉ์ธ CSS ์์ ํ ์์
๋์ฐ๋ - ์ค๊ณ ๊ฑฐ๋ ์ฌ์ดํธ / ๋ง์ดํ์ด์ง ์๋ฃ (๋ฌด๋ ค ๋๋๊ธ๊น์ง ! )
๊ฒ์ ํ์ด์ง ์งํํ ์์
๊ทธ๋ฆฌ๊ณ ๋ด์ผ ์ค์ ํ์๋ ๊ฐ์ ธ๊ฐ ํํธ ์ ํํ ์ ํ ์์ ์
๋๋ค.
๋ด์ผ ์ค์ ๋ฐ์ ๋๋ฌธ์ ํ์์๊ฐ ์ค์ 10์ ๋ฐ์ผ๋ก ๋ณ๊ฒฝ๋์์ต๋๋ค.
( ๊ทธ๋ฌ๋ ๋ฐ์ ๋นจ๋ฆฌ ๋๋ฌ์ ๋ ๊ฑด์ฐ๋์ด ๋นจ๋ฆฌ ๋ค์ด์ค์ ๋ค๋ฉด ๋ฐ๋ก ์งํ)
ํ๊ณ ๋ก ๋จ์ฒด ํ์๋ ์ค์ ํ์์๊ฐ์ด ๋จ๊ฒ ๋๋ฉด ์งํ
๊ทธ๋ฌ๋ ์๊ฐ์ด ๋ถ์กฑํ๋ฉด ์ ๋
7์์ ์งํํ ์์ ์
๋๋ค.
๋ด์ผ ํ์์์ ๋ค๋ค์ง ํํธ ๋ถ๋ฐฐ ๋ด์ฉ์ ๋ํ ๋ถ๋ถ์ ๋๋ค.
๋ด์ผ ๋จ์ ํํธ ๋ถ๋ฐฐ
์ฟผ๋ฆฌ - ๋น๋๊ธฐํจ์๊ด๋ จ (์๋ผ๋ API / ์ํ๋ฒ ์ด์ค / ์นด์นด์ค๋งต api / etc ) / ๋ฆฌ์ฝ์ผ
๊ฒ์ํ์ด์ง,
๋ก๊ทธ์ธ - ์นด์นด์คํก SNS๋ก๊ทธ์ธ / ์ ํจ์ฑ ๊ฒ์ฌ /
๋ถ์ปคํก - ๋๊ธ & ๋๋๊ธ ์ ํจ์ฑ ๊ฒ์ฌ / ๊ฒ์๊ธ ์ ๋ชฉ & ๋ด์ฉ ๋น์ด์์ผ๋ฉด ๊ฒ์ X / ๋ถ์ปคํก ๋ฉ์ธ - ํ์ด์ง๋ค์ด์ / ๋๋ค์ ๋ถ๋ฌ์ค๊ธฐ / ๋ํ ์ผ ํ์ด์ง์์ ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ
ํ์๊ฐ์ ํ์ด์ง - ๋น๋ฐ๋ฒํธ ์ฌํ์ธ / ์ ํจ์ฑ ๊ฒ์ฌ / ๋๋ค์ & ์ด๋ฉ์ผ ์ค๋ณต ๊ฒ์ฌ / ์ด๋ฉ์ผ ์ธ์ฆ / ๋น๋ฐ๋ฒํธ ํน์๋ฌธ์ ํฌํจ
๋ฉ์ธํ์ด์ง(??๋ฐ์ดํฐ )- ๋๋ณด๊ธฐ ์ ๋ฌด ๊ฒฐ์ / ๋ฐฐ๋์ ๋ด์ ๋ด์ฉ ๊ณ ๋ฏผ / ๋ฐฐ๋ ์ฌ๋ผ์ด๋ ๊ตฌํ
๋์์๊ฐ - ๋ฌดํ์คํฌ๋กค
์ฑ ์ถ์ฒ๋ฐ๊ธฐ - ๋๋ค์ ๋ถ๋ฌ์ค๊ธฐ / ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ
์ค๊ณ ๊ฑฐ๋ - ๋ค๋ก๊ฐ๊ธฐ / ๊ฒ์๊ธ ์์ & ์ญ์ / ์ข์์ / ๊ตฌ๋ /๊ฒ์๊ธ ์ฌ๋ฆฐ
๋
๋ฆฝ์์ - ํ์ฌ ๋ณธ์ธ์์น ๊ถํ ๊ธฐ๋ฅ์ ๋ง์ถฐ์ ์ง๋ ๋์ฐ๊ธฐ / ๋ง์ปค ํด๋ฆญํ๋ฉด ํฐ ๋ค๋ชจ๋ฐ์ค ์์ ๊ธฐ / ๋
๋ฆฝ์์ ๊ด๋ จ ๋ด์ค ๊ฐ์ ๊ฑฐ ๊ฐ์ ธ์ค๊ธฐ
/ ๋น ๋ฐ์ดํฐ๊ฐ => ‘ - ‘๋ก ๋์ฒดํ๊ธฐ /
๋ง์ดํ์ด์ง - ๋ง์ฝ ํ๋ก์ฐ $ ์ข์์ ๊ตฌํ ๋ชปํ๋ฉด UI ์์
๋ค๋น๊ฒ์ด์ ๋ฐ - ๋ก๊ณ , ๊ฒ์ ์์ด์ฝ ๋ฃ๊ธฐ / ๋ก๊ทธ์ธ ์ฑ๊ณตํ๋ฉด ์์ด์ฝ ์์ ๋๋ค์ ๋์ฐ๊ธฐ / ์์ด์ฝ ํด๋ฆญํ์ ๋ ๋ง์ดํ์ด์ง & ๋ก๊ทธ์์ ๋จ๊ฒ ๊ตฌํ
์ค์๊ฐ ์ฑํ / ๋์์๊ฐ -> ๊ตฌํํ์ ๊ฑฐ ํ์ธ ํ ๊ฒฐ์
์ผ๋จ ๋ฆฌ๋๋์ด๋ ์์ ํ ํ์ํ๊ฒ ๋ ์ ์ฒด์ ์ธ ๋ถ๋ถ์ ๋ค ๊ฐ์ ธ์จ ์ ์ฐธ๊ณ ํด์ฃผ์ธ์!