UX Research 2026 09 20 03 - barocss/barocss-editor GitHub Wiki


work_id: ux-2026-09-20-03 artifact_type: research_observation status: done owner_role: ui-ux-researcher source_request: "๊ณตํ†ต ์ž๋ฃŒํ•จ๊ณผ ์ œํ’ˆ๋ณ„ ๋ณด๊ด€ํ•จ์˜ ๋ชฉ๋ก ๋ฒ”์œ„ยทํƒ์ƒ‰ ์˜๋ฏธ ์—ฐ๊ตฌ" last_updated: 2026-09-20

UX-03 โ€” ๋ณด๊ด€ํ•จ์€ ์—ด ์ˆ˜ ์žˆ๋Š” ์ž๋ฃŒ๋ฅผ ์ •ํ™•ํžˆ ๋ณด์—ฌ ์ฃผ๋Š”๊ฐ€

๋ฐœ๊ฒฌ: ํ†ตํ•ฉ ์ž๋ฃŒํ•จ์—์„œ ํœด์ง€ํ†ต์œผ๋กœ ์˜ฎ๊ธด Slides ์ž๋ฃŒ๊ฐ€ ์ œํ’ˆ์˜ ์ตœ๊ทผ ์ž๋ฃŒ ์ฐฝ์—๋Š” ์ •์ƒ ํ•ญ๋ชฉ์ฒ˜๋Ÿผ ๋ณด์ธ๋‹ค. ์—ด๊ธฐ๋Š” ์ฐจ๋‹จ๋˜์ง€๋งŒ, ํœด์ง€ํ†ต์ด๋ผ๋Š” ์ด์œ ์™€ ๋ณต์› ๊ฒฝ๋กœ๊ฐ€ ์ผ๋ฐ˜ ์‹คํŒจ ๋ฌธ๊ตฌ์— ๊ฐ€๋ ค์ง„๋‹ค. ์ €์žฅ ์œ„์น˜ ํ‘œ์‹œ #306๊ณผ ๋ณ„๊ฐœ์ธ ๋ชฉ๋กยท์˜ค๋ฅ˜ ์•ˆ๋‚ด ๋ฌธ์ œ๋‹ค.

์‹คํ–‰ ๊ณผ์ œ: #314 โ€” ์ตœ๊ทผ ์ž๋ฃŒ์˜ ํœด์ง€ํ†ต ์ƒํƒœ์™€ ์—ด๊ธฐ ๊ฑฐ๋ถ€ ์•ˆ๋‚ด. ์ด๋ฒˆ ํšŒ์ฐจ๋Š” ๊ด€์ฐฐยท์ด์Šˆ ๋“ฑ๋ก ์™„๋ฃŒ์ด๋ฉฐ ์ œํ’ˆ ์ˆ˜์ • ์™„๋ฃŒ๋Š” ์•„๋‹ˆ๋‹ค.

๊ด€์ฐฐ ์กฐ๊ฑด๊ณผ ํ•œ๊ณ„

2026-09-20, macOS Codex ๋‚ด์žฅ ๋ธŒ๋ผ์šฐ์ € 1280ร—720. Node 22.22.0. ์—ฐ๊ตฌ์šฉ http://127.0.0.1:5196/์˜ ํ•ฉ์„ฑ ์ž๋ฃŒ๋งŒ ์‚ฌ์šฉํ–ˆ๋‹ค. ์ง์ „ ํšŒ์ฐจ์—์„œ ๋งŒ๋“  UX-02 ์—ฐ๊ตฌ์šฉ Slides๋ฅผ A๋กœ, ์ด๋ฒˆ์— ๋งŒ๋“  UX-03 ํ™œ์„ฑ Slides๋ฅผ B๋กœ ์‚ฌ์šฉํ–ˆ๋‹ค. ์กฐ์‚ฌ ํ›„ A๋ฅผ ํ†ตํ•ฉ ํœด์ง€ํ†ต์—์„œ ๋ณต์›ํ–ˆ๊ณ  ์ „์ฒด ์ž๋ฃŒ ๋ชฉ๋ก์— ๋Œ์•„์˜จ ๊ฒƒ์„ ํ™•์ธํ–ˆ๋‹ค.

์‹คํ–‰ SHA: 42e9a88a6cd8d3ffc002d14cd29ef6905a3769c1. ์กฐํšŒ main: 558714a818ae8f0dcffc8436d8e7e30a66c93442. LocalDocuments, DocumentSession, product-host, workspace๋Š” main๊ณผ ํŒŒ์ผ blob ID๊ฐ€ ์ผ์น˜ํ–ˆ๋‹ค. ์ตœ์‹  main ์ „์ฒด๋ฅผ ์‹คํ–‰ํ•œ ๊ฒฐ๊ณผ๋Š” ์•„๋‹ˆ๋‹ค.

๋ณธ๋ฌธ ์ˆ˜์ •ยท๋ฐ”์ดํŠธ ๋น„๊ตยท์‹ค์‚ฌ์šฉ์ž ๊ด€์ฐฐยท์Šคํฌ๋ฆฐ๋ฆฌ๋” ๊ฒ€์‚ฌ๋Š” ํ•˜์ง€ ์•Š์•˜๋‹ค. ์ œ๋ชฉยท์ฃผ์†Œ ์œ ์ง€๊ฐ€ ์ „์ฒด ๋ฌธ์„œ ๋ณด์กด ๊ฒ€์‚ฌ์˜ ๋Œ€์ฒด๋Š” ์•„๋‹ˆ๋‹ค. SiteยทWord์˜ ํœด์ง€ํ†ต ๊ฒฝ๋กœ๋Š” ์ด๋ฒˆ์— ์‹คํ–‰ํ•˜์ง€ ์•Š์•˜๋‹ค. ๋ชจ๋ฐ”์ผ ๊ฒ€์‚ฌ๋Š” ์ œ์™ธํ–ˆ๋‹ค.

๋ชฉ๋ก ์ด๋ฆ„๊ณผ ์‹ค์ œ ๋ฒ”์œ„ โ€” ์ฝ”๋“œ ํ™•์ธ

ํ™”๋ฉด ์‹ค์ œ ๋ฒ”์œ„์™€ ์ •๋ ฌ ๊ตฌ๋ถ„ํ•  ์˜๋ฏธ
ํ†ตํ•ฉ ์ „์ฒด ์ž๋ฃŒ ๋ชจ๋“  ์ œํ’ˆ, ํœด์ง€ํ†ต ์ œ์™ธ. ์—ด์–ด ๋ณธ ์‹œ๊ฐ๊ณผ ์ €์žฅ ์‹œ๊ฐ ์ค‘ ํฐ ๊ฐ’์˜ ๋‚ด๋ฆผ์ฐจ์ˆœ ์ž‘์—… ๊ณต๊ฐ„ ์ „์ฒด
ํ†ตํ•ฉ ์ตœ๊ทผ ์ž๋ฃŒ ์œ„ ์ž๋ฃŒ ์ค‘ openedAt > 0. ๊ฐ™์€ ์ •๋ ฌ ์—ด์–ด ๋ณธ ์ž๋ฃŒ. ๊ณ ์ • ๊ธฐ๊ฐ„์ด๋‚˜ ๊ฐœ์ˆ˜ ์ œํ•œ์€ ์ด ๊ฒฝ๋กœ์— ์—†์Œ
SlidesยทSite ์ตœ๊ทผ ์ž๋ฃŒ ์ œํ’ˆ ์ €์žฅ์†Œ์˜ ์ „์ฒด rows. ์ €์žฅ ์‹œ๊ฐ ๋‚ด๋ฆผ์ฐจ์ˆœ. ๋ณต๊ตฌ ์ดˆ์•ˆ์€ ๋ณ„๋„ ํ‘œ์‹œ ์ตœ๊ทผ์— ์—ฐ ์ž๋ฃŒ๋งŒ์˜ ๋ชฉ๋ก์€ ์•„๋‹˜
Word ๋ฌธ์„œ ๋ณด๊ด€ํ•จ Word ์ „์ฒด ์ €์žฅ ๋ชฉ๋ก, ์ €์žฅ ์‹œ๊ฐ ๋‚ด๋ฆผ์ฐจ์ˆœ. ์ œ๋ชฉ ๊ฒ€์ƒ‰๊ณผ ๋ณต๊ตฌ ์ดˆ์•ˆ ๋‹จ์ผ ์ œํ’ˆ ๋ณด๊ด€ํ•จ

โ€œ์ตœ๊ทผโ€์˜ ๋ฒ”์œ„์™€ ์ •๋ ฌ์€ ๊ฐ™์€ ๊ฐœ๋…์ด ์•„๋‹ˆ๋‹ค. ์ด๋ฆ„๋งŒ์œผ๋กœ ์‚ฌ์šฉ์ž ํ˜ผ๋™์ด ๋ฐœ์ƒํ–ˆ๋‹ค๊ณ  ๊ฒฐ๋ก  ๋‚ด๋ฆฌ์ง€ ์•Š๋Š”๋‹ค. ์ด๋ฒˆ ์‹คํ–‰์—์„œ๋Š” ๋” ์ง์ ‘์ ์ธ ๋ฌธ์ œ์ธ ํœด์ง€ํ†ต ํ•ญ๋ชฉ์˜ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ํ‘œ์‹œ๋ฅผ ํ™•์ธํ–ˆ๋‹ค. ๋‹จ์ˆœ ๋ช…์นญ ๋ณ€๊ฒฝ์€ ๋ณ„๋„ ์ด์Šˆ๋กœ ๋งŒ๋“ค์ง€ ์•Š๋Š”๋‹ค.

๊ทผ๊ฑฐ: Workspace ํ•„ํ„ฐ, Workspace ์ •๋ ฌ, ์ œํ’ˆ ์ €์žฅ ๋ชฉ๋ก, Word ๋ชฉ๋ก.

์žฌํ˜„ํ•œ ํ๋ฆ„

  1. ์ž๋ฃŒํ•จโ†’A ๊ด€๋ฆฌโ†’ํœด์ง€ํ†ต์œผ๋กœ ์ด๋™.
  2. ํ†ตํ•ฉ ํœด์ง€ํ†ต์—์„œ A์˜ ์—ด๊ธฐ ๋ฒ„ํŠผ์€ ๋น„ํ™œ์„ฑํ™”๋จ.
  3. B๋ฅผ ์ƒ์„ฑํ•ด ์—ฐ ๋’ค โ€œ์ตœ๊ทผ ์ž๋ฃŒโ€ ์„ ํƒ.
  4. A๊ฐ€ ํœด์ง€ํ†ต ํ‘œ์‹œ ์—†์ด ๋‚˜ํƒ€๋‚˜๋ฉฐ ์—ด๊ธฐ ๋ฒ„ํŠผ์ด ํ™œ์„ฑํ™”๋จ.
  5. A ์—ด๊ธฐ๋ฅผ ๋ˆ„๋ฅด๋ฉด B์˜ ์ œ๋ชฉ๊ณผ ์ฃผ์†Œ๋Š” ๊ทธ๋Œ€๋กœ์ง€๋งŒ โ€œ๋ณต์› ์‹คํŒจโ€๋กœ ๋ฐ”๋€œ.
  6. ๋Œ€ํ™”์ƒ์ž์—๋Š” โ€œ๋‹ค์‹œ ์‹œ๋„ํ•˜๊ฑฐ๋‚˜ ํŒŒ์ผ๋กœ ์ €์žฅํ•˜์„ธ์š”โ€์™€ ์ผ๋ฐ˜ ์žฌ์‹œ๋„ ์•ˆ๋‚ด๊ฐ€ ๋‚˜์˜ด. ํœด์ง€ํ†ต ์ด์œ ์™€ ์ž๋ฃŒํ•จ ๋ณต์› ๊ฒฝ๋กœ๋Š” ๋‚˜์˜ค์ง€ ์•Š์Œ.
  7. ์กฐ์‚ฌ์ž๊ฐ€ ์ž๋ฃŒํ•จ์œผ๋กœ ์ด๋™ํ•ด A๋ฅผ ๋ณต์›. ํœด์ง€ํ†ต 0๊ฐœ, ์ „์ฒด ์ž๋ฃŒ์— A๊ฐ€ ๋‹ค์‹œ ํ‘œ์‹œ๋จ.

ํ†ตํ•ฉ ํœด์ง€ํ†ต์˜ ์ •์ƒ ์ฐจ๋‹จ:

ํ†ตํ•ฉ ํœด์ง€ํ†ต

์ œํ’ˆ ์ตœ๊ทผ ์ž๋ฃŒ์˜ ํ™œ์„ฑ ์—ด๊ธฐ:

์ตœ๊ทผ ์ž๋ฃŒ์— ํฌํ•จ๋œ ํœด์ง€ํ†ต ์ž๋ฃŒ

์—ด๊ธฐ ์š”์ฒญ ๋’ค์˜ ์ผ๋ฐ˜ ์˜ค๋ฅ˜:

ํœด์ง€ํ†ต ์ด์œ ๊ฐ€ ๋น ์ง„ ์‹คํŒจ ์•ˆ๋‚ด

์›์ธ ์—ฐ๊ฒฐ๊ณผ ๊ณตํ†ต UI ๋ฒ”์œ„

ํ‘œ์‹œ ๋ชฉ๋ก๊ณผ ์‹คํ–‰ ์ •์ฑ…์ด ์„œ๋กœ ๋‹ค๋ฅธ ์ •๋ณด๋ฅผ ๋ณธ๋‹ค. LocalDocuments๋Š” ์ €์žฅ์†Œ rows๋ฅผ ๊ทธ๋Œ€๋กœ ์ฝ๋Š”๋‹ค. ์‹คํ–‰ ์‹œ์—๋Š” assertProductDocumentOpen์ด ์ž‘์—… ๊ณต๊ฐ„์˜ ํœด์ง€ํ†ต์„ ํ™•์ธํ•œ๋‹ค. ์‹คํ–‰ ์ฐจ๋‹จ์€ ์ž‘๋™ํ•œ๋‹ค. ํ•˜์ง€๋งŒ UI์˜ ์ผ๋ฐ˜ catch๊ฐ€ ๊ตฌ์ฒด์ ์ธ ์ด์œ ๋ฅผ ์žƒ๋Š”๋‹ค. DocumentSession์€ ์—ด๊ธฐ ์‹คํŒจ๋ฅผ โ€œ๋ณต์› ์‹คํŒจโ€๋กœ ์•Œ๋ฆฐ๋‹ค.

๊ณตํ†ตํ™”ํ•  ๊ฒƒ์€ ๋ชฉ๋ก์˜ ํ–‰ ๋ชจ์–‘๋งŒ์ด ์•„๋‹ˆ๋‹ค. ๊ฐ™์€ ๋ฌธ์„œ์˜ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ์ƒํƒœ, ์—ด๊ธฐ ๊ฑฐ๋ถ€ ์ด์œ , ๋‹ค์Œ ๋ณต๊ตฌ ๋™์ž‘๋„ ๊ฐ™์•„์•ผ ํ•œ๋‹ค. ํœด์ง€ํ†ต ์›๋ณธ ์ •๋ณด๋Š” ์ž‘์—… ๊ณต๊ฐ„์ด ์ œ๊ณตํ•˜๊ณ  UI๋Š” ๊ทธ ์ƒํƒœ๋ฅผ ๋ณด์—ฌ ์ฃผ๋„๋ก ๊ฒ€ํ† ํ•œ๋‹ค. ์ œํ’ˆ ์ €์žฅ์†Œ ์ „์ฒด๋ฅผ ํ•„ํ„ฐ๋งํ•˜๋ฉด ๋ฐฑ์—…์—์„œ ํœด์ง€ํ†ต ์ž๋ฃŒ๊นŒ์ง€ ๋น ์งˆ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, ํ‘œ์‹œ์šฉ ๋ชฉ๋ก๊ณผ ์ „์ฒด ๋ฐฑ์—…์˜ ๋ฒ”์œ„๋ฅผ ๋ถ„๋ฆฌํ•ด์•ผ ํ•œ๋‹ค.

์ถ”์ฒœ ๋™์ž‘์€ ์ผ๋ฐ˜ ๋ชฉ๋ก์—์„œ ํœด์ง€ํ†ต ํ•ญ๋ชฉ ์ œ์™ธ๋‹ค. ํœด์ง€ํ†ต ํ•ญ๋ชฉ์„ ์œ ์ง€ํ•˜๋Š” ์ œํ’ˆ ์š”๊ตฌ๊ฐ€ ์žˆ์œผ๋ฉด ์ƒํƒœ์™€ ๋ณต์› ๋™์ž‘์„ ๋ช…์‹œํ•˜๊ณ  ์ผ๋ฐ˜ ์—ด๊ธฐ๋Š” ๋ง‰๋Š”๋‹ค. ์–ด๋А ์•ˆ์ด๋“  ์‹คํ–‰ ์ง์ „ ์žฌ๊ฒ€์‚ฌ์™€ ํ˜„์žฌ ์ž๋ฃŒ ๋ณด์กด์€ ์œ ์ง€ํ•œ๋‹ค. ์ƒํƒœ๊ฐ€ ๋ฐ”๋€ ์˜ค๋ž˜๋œ ๋ชฉ๋ก์—์„œ๋Š” ์ด์œ ๋ฅผ ์„ค๋ช…ํ•˜๊ณ  ์ž๋ฃŒํ•จ ๋ณต์›์œผ๋กœ ์•ˆ๋‚ดํ•œ๋‹ค.

ํŒ๋‹จ๊ณผ ํ›„์† ๊ฒ€์ฆ

  • ์˜ํ–ฅ: ์ž˜๋ชป๋œ ์—ด๊ธฐ ๊ธฐ๋Œ€์™€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š๋Š” ์žฌ์‹œ๋„ ์œ ๋„. ์—ฐ๊ตฌ์ž์—๊ฒŒ ํ•œ ๋ฒˆ ์žฌํ˜„๋๋‹ค. ์‹ค์‚ฌ์šฉ ๋นˆ๋„๋Š” ๋ฏธ์ธก์ •์ด๋‹ค.
  • ๋ฐ์ดํ„ฐ ์†์‹คยท์—ด๊ธฐ ์ฐจ๋‹จ ์šฐํšŒ๋กœ ๋ถ„๋ฅ˜ํ•˜์ง€ ์•Š๋Š”๋‹ค. ํ˜„์žฌ ์ž๋ฃŒ ์ „์ฒด ๋ณด์กด์€ ํ›„์† ๊ฒ€์‚ฌ๋กœ ํ™•์ธํ•œ๋‹ค.
  • Slides๋ฅผ ์šฐ์„  ํšŒ๊ท€ ์‹œ๋‚˜๋ฆฌ์˜ค๋กœ ๋งŒ๋“ ๋‹ค. ๊ณตํ†ต ๋ถ€ํ’ˆ์„ ์“ฐ๋Š” Site์™€ ๋ณ„๋„ Word ๋ณด๊ด€ํ•จ์˜ ์ ์šฉ ๋ฒ”์œ„๋ฅผ ํ™•์ธํ•œ๋‹ค.
  • ๊ธฐ์กด ํ†ตํ•ฉ workspace ๊ฒ€์‚ฌ๋Š” ํœด์ง€ํ†ตยท์ฐธ์กฐยท์ง์ ‘ URL ์ฐจ๋‹จ์„ ๋‹ค๋ฃฌ๋‹ค. ์ œํ’ˆ ์ตœ๊ทผ ์ž๋ฃŒ๋ฅผ ํ†ตํ•œ ์ด๋ฒˆ ์•ˆ๋‚ด ๊ฒฝ๋กœ์˜ ์ถ”๊ฐ€๋ฅผ ๊ฒ€ํ† ํ•œ๋‹ค. ์ด๋ฒˆ ํšŒ์ฐจ์—๋Š” ์ž๋™ ๊ฒ€์‚ฌ๋ฅผ ์‹คํ–‰ํ•˜์ง€ ์•Š์•˜๋‹ค.
  • ์‹ค์ œ ์‚ฌ์šฉ์ž ์ดํ•ด์™€ ๋ช…์นญ ๋น„๊ต๋Š” ๊ณ ๊ฐ ์‹คํ—˜ ๊ณ„ํš์— ์—ฐ๊ฒฐํ•œ๋‹ค. ์กฐ์‚ฌ์ž๊ฐ€ ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•œ ๊ฒฐ๊ณผ๋ฅผ ๊ณ ๊ฐ ์ฐธ์—ฌ ๊ฒฐ๊ณผ๋กœ ์„ธ์ง€ ์•Š๋Š”๋‹ค.

๋‹ค์Œ ์—ฐ๊ตฌ ํ›„๋ณด: ์ œํ’ˆ ๋ณด๊ด€ํ•จ์„ ํ‚ค๋ณด๋“œ๋กœ ๋‹ซ์•˜์„ ๋•Œ ์‹œ์ž‘ ๋ฒ„ํŠผ์œผ๋กœ ํฌ์ปค์Šค๊ฐ€ ๋Œ์•„์˜ค๋Š”๊ฐ€? ์‹ค์ œ ๊ณตํ†ต ๋Œ€ํ™”์ƒ์ž ๊ณ„์•ฝ๊ณผ ์ œํ’ˆ ์—ฐ๊ฒฐ์„ ์ข๊ฒŒ ํ™•์ธํ•œ๋‹ค.