///
Search
๐Ÿ˜™

20220201 ํ™”

Tags
svelte
๊ฐœ์ธํ”„๋กœ์ ํŠธ
4 more properties

์˜ค๋Š˜ ์„ฑ์žฅ

โ€ข
ย figma๋กœ ํ”„๋กœ์ ํŠธ ๋ชฉ์—… ๋””์ž์ธ, UI ๊ณ ๋ฏผ
โ€ข
ย html โ†’ ์ด๋ฏธ์ง€ ๋‹ค์šด๋กœ๋“œ POC
โ€ข
ย svelte, scss ์„ธํŒ…

์˜ค๋Š˜ ํšŒ๊ณ 

1.
์–ด์ œ ์ผ์ฐ ์ž ๋“  ๋ฐ”๋žŒ์— ์˜ค๋Š˜ ์•„์นจ๋ถ€ํ„ฐ ์ผ์–ด๋‚˜์„œ ํ”„๋กœ์ ํŠธ ๊ตฌ์ƒํ•œ๊ฑฐ figma๋กœ ๋””์ž์ธ ํ•ด๋ดค๋‹ค. ๋จธ๋ฆฌ ์†์— ์žˆ๋˜ ๊ฑฐ๋ฅผ ์‹ค์ œ๋กœ ๊ทธ๋ ค๋ณด๋‹ˆ ๋ง‰์—ฐํ•˜๋˜ ๋ถ€๋ถ„์„ ๊นŠ๊ฒŒ ๊ณ ๋ฏผํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. UX ์ ์ธ ๋ถ€๋ถ„๋“ค.
2.
๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŽ์ด ํ•ด๋ณด์ง€๋„ ์•Š์•˜์ง€๋งŒ ๋””์ž์ธ ํˆด๋กœ ๋จผ์ € ๊ทธ๋ ค๋ณธ ๊ฒƒ์€ ์ฒ˜์Œ์ธ๋ฐ, ์—ญ์‹œ ๊ณ ๋ฏผ ์—†์ด ๋นจ๋ฆฌ ์‹œ์ž‘ํ•ด๋ณด๋Š” ๊ฒŒ ์ตœ๊ณ ์ธ ๊ฒƒ ๊ฐ™๋‹ค. ์ž‘๋…„ ์ถ”์„ ์ฏค ์ƒ๊ฐํ•œ ํ”„๋กœ์ ํŠธ๋Š” ๊ตฌ์ฒด์ ์ธ ํ™”๋ฉด์ด ์—†๋‹ค๋ณด๋‹ˆ ์ƒ๊ฐ๋งŒ ํ•˜๋‹ค๊ฐ€ ๋๋‚˜๋ฒ„๋ ธ๋Š”๋ฐ, ํ™”๋ฉด์ด ๋‚˜์˜ค๋‹ˆ ์–ผ๋ฅธ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ ๋‹ค. ๊ทธ๋•Œ๋Š” ํ”ผ๊ทธ๋งˆ ์ž˜ ๋ชจ๋ฅด๋‹ˆ 1) ๋จผ์ € ํ”ผ๊ทธ๋งˆ ๊ณต๋ถ€ํ•˜๊ณ  โ†’ 2) ํ”ผ๊ทธ๋งˆ๋กœ ํ™”๋ฉด ๊ทธ๋ฆฌ๊ณ  โ†’ 3) ํ”„๋กœ์ ํŠธ ํ•ด์•ผ์ง€ ๋ผ๋Š” ํ”Œ๋กœ์šฐ๋กœ ์ƒ๊ฐํ–ˆ์—ˆ๋Š”๋ฐ, ํ”„๋กœ์ ํŠธ๋ผ๋Š” ๋ชฉ์ ๋ณด๋‹ค ๋ถ€์ฐจ์ ์œผ๋กœ ํ•ด์•ผํ•  ๊ฒƒ๋“ค์ด ๋งŽ๋‹ค๋ณด๋‹ˆ ์‹œ์ž‘๋„ ์•ˆ ํ•˜๊ฒŒ ๋๋‹ฌ๊นŒ. ์ž˜ ๋ชฐ๋ผ๋„ ๋งŒ์ ธ๋ณด๋ฉด์„œ ๋ฐฐ์›Œ๊ฐ€๋Š” ๊ฒŒ ์—ญ์‹œ ์ข‹์€ ๋“ฏ!
1.
์–ธ์ œ 1์›”์ด ๋๋‚ฌ์ง€. 1์›” ํšŒ๊ณ  ์–ผ๋ฅธ ์จ์•ผ๊ฒ ๋‹ค