๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Daily/Today I Learned

22.06.27_TIL

by ํ˜ธ๋ฐ€์ด 2022. 6. 27.

๐Ÿ“Œ ์žฅ๋งˆ์ฒ ์ด ์‹œ์ž‘ํ•˜๊ณ  ๊ฑฐ์˜ ๋งค์ผ ๋น„๊ฐ€ ์˜จ๋‹ค๊ณ  ํ•˜๋„ค์š”... ๋น„ ์˜ค๋Š”๊ฑด ์ข‹์ง€๋งŒ ๋‚˜๊ฐ€๊ณ  ์‹ถ์ง€ ์•Š์œผ๋‹ˆ ์ง‘์—์„œ ์ฝ”๋”ฉ๋งŒ ใ…Žใ…Ž ๊ทธ๋Ÿผ ์˜ค๋Š˜์€ UI. UX์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๋Š” ์‹œ๊ฐ„์ด๋„ค์š”!! ํ™”์ดํŒ…!!

 

๐Ÿ“— ์˜ค๋Š˜ ํ•™์Šตํ•œ ๋‚ด์šฉ

UI (User Interface, ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค)

    • ์‚ฌ๋žŒ๋“ค์ด ์ปดํ“จํ„ฐ์™€ ์ƒํ˜ธ ์ž‘์šฉํ•˜๋Š” ์‹œ์Šคํ…œ์„ ์˜๋ฏธํ•œ๋‹ค.
    • ํ™”๋ฉด์ƒ์˜ ๊ทธ๋ž˜ํ”ฝ ์š”์†Œ์™ธ์—๋„ ํ‚ค๋ณด๋“œ, ๋งˆ์šฐ์Šค ๋“ฑ์˜ ๋ฌผ๋ฆฌ์  ์š”์†Œ๋„ ์ปดํ“จํ„ฐ์™€ ์ƒํ˜ธ ์ž‘์šฉํ•˜๊ธฐ ์œ„ํ•œ ์‹œ์Šคํ…œ์ด๋ฏ€๋กœ UI๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

GUI (Graphical User Interface, ๊ทธ๋ž˜ํ”ฝ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค)

  • ์‚ฌ์šฉ์ž๊ฐ€ ๊ทธ๋ž˜ํ”ฝ์„ ํ†ตํ•ด ์ปดํ“จํ„ฐ์™€ ์ •๋ณด๋ฅผ ๊ตํ™˜ํ•˜๋Š” ์ž‘์—…ํ™˜๊ฒฝ์„ ๋งํ•œ๋‹ค.
  •  ์šด์˜์ฒด์ œ์˜ ํ™”๋ฉด, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ํ™”๋ฉด์ด GUI์ด๋‹ค.

UX (User Experience, ์‚ฌ์šฉ์ž ๊ฒฝํ—˜)

  • ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ์‹œ์Šคํ…œ, ์ œํ’ˆ, ์„œ๋น„์Šค๋ฅผ ์งใƒป๊ฐ„์ ‘์ ์œผ๋กœ ์ด์šฉํ•˜๋ฉด์„œ ๋Š๋ผ๊ณ  ์ƒ๊ฐํ•˜๋Š” ์ด์ฒด์  ๊ฒฝํ—˜์ด๋‹ค.
  • ์ œํ’ˆ, ์„œ๋น„์Šค ์ž์ฒด์— ๋Œ€ํ•œ ๊ฒฝํ—˜์€ ๋ฌผ๋ก , ํ™๋ณด, ์ ‘๊ทผ์„ฑ, ์‚ฌํ›„ ์ฒ˜๋ฆฌ ๋“ฑ ์ง๊ฐ„์ ‘์ ์œผ๋กœ ๊ด€๋ จ๋œ ๋ชจ๋“  ๊ฒฝํ—˜์„ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

๐Ÿ“˜ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•  ๋‚ด์šฉ

[udemy] React ์™„๋ฒฝ ๊ฐ€์ด๋“œ ๊ฐ•์˜ ๋ณด๊ธฐ (props ์ „๋‹ฌ)

Figma ์‚ฌ์šฉ๋ฒ• ์ตํ˜€๋ณด๊ธฐ

 

๐Ÿ“ ์ค‘์š”ํ•œ ๋‚ด์šฉ

  • UI์™€ UX์˜ ๊ด€๊ณ„

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

22.06.30_TIL  (0) 2022.06.30
22.06.28_TIL  (0) 2022.06.28
22.06.24_TIL  (0) 2022.06.24
22.06.23_TIL  (0) 2022.06.23
22.06.22_Section2 ํšŒ๊ณ   (0) 2022.06.22