๐Ÿ“’ [ TIL ] 2022.04.20_3์ผ์ฐจ # ๋ฏธ๋‹ˆํ”„๋กœ์ ํŠธ(1)

๋ฌธ๋ช…์ฃผยท2022๋…„ 4์›” 20์ผ
0
post-thumbnail

[ 2022-04-20 (์ˆ˜) ์˜ค๋Š˜์˜ TIL ]

[ Today Project ]

  • ํŒ€ ์†Œ๊ฐœ ํŽ˜์ด์ง€
    : ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋Š” ํŒ€ํ”„๋กœ์ ํŠธ๋กœ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

[ Today Learn ]

  • ๋ฉ”์ธํŽ˜์ด์ง€์—์„œ ๊ฐ ํŒ€์› ์นด๋“œํด๋ฆญ์‹œ ๊ฐœ์ธ ํŽ˜์ด์ง€๋กœ ์ด๋™์‹œํ‚ค๊ธฐ
  • ๋ฉ”์ธํŽ˜์ด์ง€ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ์ด์šฉํ•ด ๊พธ๋ฏธ๊ธฐ

[๐Ÿน MOCKUP ์ œ์‹œ์•ˆ ]

  • ํ‚น์ฝฉํŒŒ์›ŒํŒ€์˜ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ ์ „ ์˜๋…ผํ•  ์ 
    1) ํŒ€์˜ ์ปจ์…‰์€ ?
    2) ํŒ€์˜ ๋ชฉํ‘œ๋Š” ?
    3) ํ˜‘์—…์€ ์–ด๋–ค ์‹์œผ๋กœ ์ง„ํ–‰ํ• ์ง€( ๋ถ„์—…ํ• ์ง€ / ๋‹ค๊ฐ™์ด ๋งŒ๋“ค์–ด๋ณผ์ง€ )
    4) ํ•„์ˆ˜์ ์ธ ๊ธฐ๋Šฅ ์ด์™ธ์— ์ถ”๊ฐ€๋กœ ๊ตฌํ˜„ํ•  ๊ธฐ๋Šฅ์€?

[๐ŸŽฏ MOCKUP ๊ฒฐ๊ณผ ]

1) ์ƒ๋‹จ์— ๋ฐฐ๋„ˆ( ํŒŒ๋ž‘, ํ•˜๋Š˜ )
2) ํ‚น์ฝฉํŒŒ์›ŒํŒ€์— ๋Œ€ํ•œ ์†Œ๊ฐœ(์„ค๋ช…, ํŠน์ง•, ๋ชฉํ‘œ, ์•ฝ์† ๋“ฑ)
3) ํด๋ฆญ์‹œ ๊ฐ ๊ฐœ์ธํŽ˜์ด์ง€๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋Š” ์นด๋“œ ๋งŒ๋“ค๊ธฐ
4) ๊ฐ ์นด๋“œ์— ์‚ฌ์ง„์ถ”๊ฐ€ ๋ฐ ๊นƒํ—ˆ๋ธŒ ๋˜๋Š” ๋ธ”๋กœ๊ทธ ์—ฐ๊ฒฐ๊ธฐ๋Šฅ
5) ๊ฐœ์ธํŽ˜์ด์ง€์—์„œ ๋’ค๋กœ๊ฐ€๊ธฐ ๊ธฐ๋Šฅ

  • ์ผ๋‹จ ๊ธฐ๋ณธํ•„์ˆ˜์ ์ธ์š”์†Œ๋ฅผ ์ค‘์ ์ ์œผ๋กœ ์ค€๋น„ํ•˜๊ณ  ๊ทธ ๋’ค์— ์‹œ๊ฐ„์ด ๋‚จ๊ฒŒ ๋˜๋ฉด,
    +) flask๋ฅผ ์ด์šฉํ•ด์„œ ๋ฐฉ๋ช…๋ก๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ
    +) ๋ฏธ๋””์–ด์ฟผ๋ฆฌ๋ฅผ ์ด์šฉํ•ด์„œ ๋ชจ๋ฐ”์ผ๋ฒ„์ „์„ ๊ณ ๋ คํ•œ ํŽ˜์ด์ง€์„ค์ •
    +) ๊ฐœ์ธํŽ˜์ด์ง€์—์„œ ๋˜ ๋‹ค๋ฅธ ํŒ€์›์˜ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๊ธฐ
    +) ๋งˆ์šฐ์Šค ํ˜ธ๋ฒ„ ๋ฐ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ธฐ๋Šฅ

์•„๋ž˜์™€ ๊ฐ™์ด google slice๋ฅผ ์ด์šฉํ•ด์„œ mockup์„ ์ง„ํ–‰ํ–ˆ๋‹ค.

[๐Ÿ‘ ์˜ค๋Š˜์˜ ๊ฒฐ๊ณผ๋ฌผ ]

  • ๋ฉ”์ธํŽ˜์ด์ง€

[โœจ ๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ ]

1) '๋™๋ฌผ์˜ ์ˆฒ' ํฐํŠธ ์ ์šฉ
2) ์นด๋“œ๋งŒ๋“ค๊ธฐ ๋ฐ ์‚ฌ์ง„์ ์šฉ
3) ๊ฐ ์นด๋“œ hover์‹œ ๊ฐ๊ธฐ ๋‹ค๋ฅธ ์ƒ‰๊น”์ด ๊ทธ๋ฆผ์ž๋กœ ์ ์šฉ
4) ๊ฐ ์นด๋“œ๋“ค ํด๋ฆญ์‹œ ๊ฐ์ž ํŒ€์›์†Œ๊ฐœํŽ˜์ด์ง€๋กœ ์ด๋™
5) ๋งํฌ ํด๋ฆญ์‹œ ๊ฐ์ž์˜ ๋ธ”๋กœ๊ทธ๋กœ ์ด๋™

๐ŸŒฑ ๋Š๋‚€ ์ 

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

๐ŸŽ ์ž์„ธํ•œ ์ฝ”๋“œ๋Š” Moonmoo ์— ๊ฒŒ์‹œํ–ˆ์Šต๋‹ˆ๋‹ค

profile
ํ•˜๋ฃจ ํ•œ๊ฑธ์Œ์”ฉ ๊พธ์ค€ํžˆ ๋‚˜์•„๊ฐ€๋Š” ๊ฐœ๋ฐœ์ž๐Ÿ™†โ€โ™€๏ธ https://github.com/Moonmooj

2๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2022๋…„ 4์›” 20์ผ

์ปจ์…‰๊ท€์šฅใ…Žใ…Ž

1๊ฐœ์˜ ๋‹ต๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด