Skip to main content

Docusaurus

Docusaurus is a tool designed to make it easy for teams to publish documentation websites without worrying about the infrastructure and design details. Introducing Docusaurus

UI ํ…์ŠคํŠธ ๋ฒˆ์—ญ์˜ ์–ด๋ ค์›€โ€‹

  • ๋ฒˆ์—ญํ•  ๋Œ€์ƒ์€ 'to select'์ด๊ณ  ๊ทธ ์•„๋ž˜์— ๊ฐ„๋‹จํ•œ ์„ค๋ช…์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค(์ด๋Ÿฐ ์„ค๋ช…๋„ ๊ณผ๋ถ„ํ•œ ์ƒํ™ฉ์ด์ฃ ).

1AB465.png

  • "The explanatory text of the action for the enter key"๋ผ๋Š” ์„ค๋ช…์œผ๋กœ ๋ณด๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ์—”ํ„ฐ ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด ๋ญ”๊ฐ€๋ฅผ ์„ ํƒํ•˜๊ฒŒ ๋œ๋‹ค๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ 'to select' ์•ž๋’ค์— ๋ญ”๊ฐ€ ๋‹ค๋ฅธ ๋‹จ์–ด๊ฐ€ ์˜ค๋Š” ๊ฑด์ง€ ์•„๋‹ˆ๋ฉด ๋‹จ๋…์œผ๋กœ ์“ฐ์ด๋Š” ๊ฒƒ์ธ์ง€ ์• ๋งคํ•ฉ๋‹ˆ๋‹ค.
  • ๊ทธ๋ž˜์„œ ์ผ๋ฐ˜์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” '์„ ํƒํ•˜๋ ค๋ฉด'์ด๋ผ๋Š” ๋ฒˆ์—ญ์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.
  • ์‹ค์ œ๋กœ ์ € ํ‘œํ˜„์€ ์•„๋ž˜์™€ ๊ฐ™์€ ์ƒํ™ฉ์—์„œ ์“ฐ์ž…๋‹ˆ๋‹ค.
  • ์—”ํ„ฐ ํ‚ค ์ด๋ฏธ์ง€๊ฐ€ ์žˆ๊ณ  ๊ทธ ๋’ค์— ์—”ํ„ฐ ํ‚ค์˜ ์šฉ๋„์— ๋Œ€ํ•œ ์„ค๋ช…์œผ๋กœ 'to select'๊ฐ€ ์‚ฌ์šฉ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๋ณด๋ฉด '์„ ํƒํ•˜๋ ค๋ฉด'๋„ ๋‚˜์˜์ง€ ์•Š์€ ์„ ํƒ์ด์ง€๋งŒ ์ข€ ์–ด์ƒ‰ํ•˜๊ธด ํ•ฉ๋‹ˆ๋‹ค.

23ED7D.png

  • ์ผ๋ฐ˜์ ์ธ ๋ฌธ์žฅ์ด๋ผ๋ฉด '์—”ํ„ฐ ํ‚ค๋กœ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค'๋ผ๋Š” ํ‘œํ˜„์ด ์ข€ ๋” ์ž์—ฐ์Šค๋Ÿฌ์šด ํ‘œํ˜„์ผ๊ฒ๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ํ•ด๋‹น UI ๋ฒˆ์—ญ๋„ ์•„๋ž˜์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

415984.png

Links to This Note