UX Research 2026 09 20 08 - barocss/barocss-editor GitHub Wiki
work_id: ux-2026-09-20-08 artifact_type: research_observation status: done owner_role: ui-ux-researcher source_request: "ํตํฉ ์๋ฃ ๊ฒ์์ ๋ณธ๋ฌธ ๋ฒ์ยท์ ํ ํํฐยท๋น ๊ฒฐ๊ณผ ๋ณต๊ท ํ์ธ" last_updated: 2026-09-20
UX-08 โ ๋ณธ๋ฌธ ๊ฒ์๊ณผ ์ ํ ํํฐ์์ ๋ค์ ์ฐพ๊ธฐ
๊ฒฐ๊ณผ: ์ ๋ชฉ์ ์๋ ๋ณธ๋ฌธ ๋ฌธ๊ตฌ๋ก Note์ Site ์ฌ๋ณธ์ ์ฐพ์๋ค. ์ ํ ํํฐ์ ๊ฒ์์ด๋ ํจ๊ป ์ ์ฉ๋๋ค. ๊ฒฐ๊ณผ๊ฐ ์์ ๋ ์๋ด์ ์ ์ฒด ์๋ฃ ๋ณด๊ธฐ๊ฐ ํ์๋๊ณ , Enter๋ก ์คํํ๋ฉด ๊ฒ์์ด์ ์ ํ ํํฐ๊ฐ ์ด๊ธฐํ๋๋ค. ์ด๋ฒ ๋ฒ์์์ ์ ๊ท ๊ฒฐํจ์ ํ์ธํ์ง ์์๋ค. ์ ์ด์๋ ๋ฐ๋ณต ๋๊ธ์ ๋ง๋ค์ง ์๋๋ค.
์กฐ๊ฑด
2026-09-20, macOS Codex ๋ด์ฅ ๋ธ๋ผ์ฐ์ 1280ร720, Node 22.22.0. ๋ณ๋ http://127.0.0.1:5196/์ ์๋ ํฉ์ฑ ์๋ฃ 7๊ฐ๋ฅผ ์ฌ์ฉํ๋ค. ์ด๋ฒ ํ์ฐจ๋ ๋ฌธ์ ๋ด์ฉ์ ์์ ํ์ง ์์๋ค.
์คํ SHA: 42e9a88a6cd8d3ffc002d14cd29ef6905a3769c1. ์กฐํ main: 9111de74730f0ec3dc240dd807d81eda40ea55d0. workspace์ ui.tsxยทworkspace.ts ํ์ผ blob์ main๊ณผ ๊ฐ์๋ค. ์ต์ main ์ ์ฒด๋ฅผ ์คํํ ๊ฒ์ ์๋๋ค.
UX-06์์ ๋ง๋ Note์ Site๋ฅผ ์ฌ์ฌ์ฉํ๋ค. ์ ๋ชฉ์ UX-06 ์๋ณธ, UX-06 ์๋ณธ ยท Site ์ฌ๋ณธ์ด๋ค. ๋ ๋ค ๋ณธ๋ฌธ์ 14์๊ฐ ์๋ค. 15์๋ ๋ณต์ฌ ํ Note์๋ง ์ถ๊ฐํ ๋ฌธ์ฅ์ ์๋ค. ๋ ๊ฒ์์ด๋ ์ ๋ชฉ์ ์๋ค.
๊ด์ฐฐ ๊ฒฐ๊ณผ
| ์ ๋ ฅยท์ ํ | ๊ธฐ๋ | ํ์ธํ ๊ฒฐ๊ณผ |
|---|---|---|
| ๋ชจ๋ ์ ํ + 14์ | Note์ Site ์ฌ๋ณธ | 2๊ฐ |
| ๋ชจ๋ ์ ํ + 15์ | ์๋ณธ Note๋ง | 1๊ฐ |
| Site + 15์ | ์กฐ๊ฑด์ ๋ง๋ ์๋ฃ ์์ | 0๊ฐ, ๊ฒ์์ดยทํํฐ ํ์ธ ์๋ด์ ์ ์ฒด ์๋ฃ ๋ณด๊ธฐ |
| ์ ์ฒด ์๋ฃ ๋ณด๊ธฐ์์ Enter | ๊ฒ์์ดยท์ ํ ํํฐ ์ด๊ธฐํ | ๊ฒ์์ด ๋น ๊ฐ, ๋ชจ๋ ์ ํ ์ ํ, ์๋ 7๊ฐ |
๊ฒ์ ๊ฒฐ๊ณผ ํ๊ณผ ์ด๊ธฐํ ์ํ.
๋ณธ๋ฌธ ๋ฌธ๊ตฌ์ ๋ ๊ฒฐ๊ณผ:

์ ํ ํํฐ๋ก ๊ฒฐ๊ณผ๊ฐ ์๋ ์ํ:

ํค๋ณด๋๋ก ์ ์ฒด ๋ชฉ๋ก ๋ณต๊ท:

์ฝ๋์ ๊ธฐ์กด ๊ฒ์ฌ ์ฐ๊ฒฐ
Workspace ๋ชฉ๋ก์ ์ ์ฅ๋ ๋ฌธ์์ plainText๋ฅผ ๊ฒ์ ๋ด์ฉ์ผ๋ก ์ฝ๋๋ค. ๊ฒ์ UI๋ ์ ๋ชฉ๊ณผ ๊ทธ ๋ด์ฉ์ ํจ๊ป ๋น๊ตํ๊ณ , ์ ํยทํด๋ยทํ์ฌ ๋ณด๊ธฐ ์กฐ๊ฑด๋ ์ ์ฉํ๋ค. Unicode NFC ์ ๊ทํ์ ์๋ฌธ์ ๋น๊ต๊ฐ ์์ง๋ง ์ด๋ฒ ํ์ฐจ์์ ์ธ์ด๋ณ ์ ๊ทํ ๊ฒ์ฌ๋ ํ์ง ์์๋ค.
์ ์ฒด ์๋ฃ ๋ณด๊ธฐ๋ ๊ฒ์์ดยท์ ํยทํด๋ยท๋ณด๊ธฐ ์ํ๋ฅผ ๋ชจ๋ ์ด๊ธฐํํ๋ค. ์ด๋ฒ์๋ ๊ฒ์์ด์ ์ ํ ํํฐ๊ฐ ํ์ฑ์ธ ๊ฒฝ์ฐ๋ง ์ง์ ์คํํ๋ค. ํด๋ยท์ฆ๊ฒจ์ฐพ๊ธฐยทํด์งํต๊ณผ ๊ฒฐํฉํ ๊ฒฝ๋ก๋ ์ฝ๋ ํ์ธ ๋ฒ์๋ค.
๊ธฐ์กด workspace-feedback.spec.ts๋ ๋น ๊ฒฐ๊ณผ์์ ์ ์ฒด ์๋ฃ๋ก ๋์์ค๋ ๊ฒฝ๋ก๋ฅผ ๋ค๋ฃฌ๋ค. workspace.spec.ts๋ ์ ๋ชฉ ๊ฒ์๊ณผ WordยทNote ๋ง์ง๋ง ์ ๋ ฅ ๊ฒ์ ๋ฑ์ ๋ค๋ฃฌ๋ค. ๊ฒ์ฌ ์ ์๋ฅผ ์ฝ์์ผ๋ฉฐ ์ด๋ฒ ํ์ฐจ์ ์๋ ๊ฒ์ฌ๋ฅผ ์ฌ์คํํ์ง ์์๋ค.
๊ณตํต UI ํ๋จ๊ณผ ๋ฏธ๊ฒ์ฆ ์ง๋ฌธ
๊ฒ์ ๋ฒ์, ์ ํ๋ ํํฐ, ๊ฒฐ๊ณผ ๊ฐ์, ๋น ๊ฒฐ๊ณผ์์ ๋์๊ฐ๋ ๋์์ ํตํฉ ์๋ฃํจ์ ๊ณตํต ๊ณ์ฝ์ผ๋ก ์ ์งํ ๊ทผ๊ฑฐ๊ฐ ์๋ค. ์ ํ ๋ด๋ถ ๊ฒ์์ ๋ฒ์๋ฅผ ๋ชจ๋ ๊ฐ๊ฒ ๋ง๋ค ํ์๋ฅผ ์ ์ฆํ ๊ฒ์ ์๋๋ค.
ํ๋ก์ ํธ ๊ณต๊ฐ ์ฐ๊ตฌ์ #290๋ ๊ธฐ์กด ํด๋ยท๊ฒ์์ผ๋ก ํด๊ฒฐ๋๋์ง ๋จผ์ ํ์ธํ๋๋ก ์ ์ํ๋ค. ์ด๋ฒ ๊ฒฐ๊ณผ๋ ๊ธฐ์กด ๋ณธ๋ฌธ ๊ฒ์๊ณผ ์ ํ ํํฐ๊ฐ ์ค์ ๋ก ๋์ํ๋ค๋ ๊ทผ๊ฑฐ๋ค. ์ด ์ฌ์ค๋ง์ผ๋ก ํ๋ก์ ํธ ๊ณต๊ฐ์ ํ์ ๋๋ ๋ถํ์๋ฅผ ๊ฒฐ๋ก ๋ด๋ฆฌ์ง ์๋๋ค.
๊ฒ์ ๊ฒฐ๊ณผ ํ์๋ ์ ๋ชฉยท์ ํยทํด๋ยท์์ ์ผ์ด ํ์๋๋ฉฐ, ์ด๋ฒ ํ๋ฉด์๋ ์ผ์นํ ๋ณธ๋ฌธ ๋ฐ์ท๊ฐ ์์๋ค. ๋น์ทํ ์ ๋ชฉ์ด ๋ง์ ๋ ์ํ๋ ์๋ฃ๋ฅผ ๊ตฌ๋ณํ๊ธฐ ์ด๋ ค์ด์ง๋ ์ฌ์ฉ์ ๊ด์ฐฐ์ด ํ์ํ๋ค. ์ง๊ธ์ ๋ฐ์ทยท๊ฐ์กฐ UI๋ฅผ ์ ์ด์๋ก ์๊ตฌํ์ง ์๋๋ค. ํ์ ๊ณผ์ ์์ ์ฒซ ๊ฒฐ๊ณผ ์ ํ์ ์ ํ์ฑ, ์๋ชป ์ด์๋ค ๋์์จ ํ์, ๋์ ์์ฒญ์ ๊ธฐ๋กํด ํ๋จํ๋ค.
๋ฒ์ ๋ฐ: ํฐ ์๋ฃํจ์ ์๋, WordยทSlides ๋ณธ๋ฌธ ๊ฒ์ ์ง์ ์คํ, ํด๋ยทํด์งํตยท์ฆ๊ฒจ์ฐพ๊ธฐ ์กฐํฉ, ์๋ฃ๋ฅผ ์ฝ์ง ๋ชปํ๋ ์ํฉ, ํค๋ณด๋ ์ ์ฒด Tab ์์, ์คํฌ๋ฆฐ๋ฆฌ๋, ์ค์ ์ฌ์ฉ์, ๋ชจ๋ฐ์ผ. ๊ด์ฐฐ ๋ค ๊ฒ์์ด์ ํํฐ๋ ์ด๊ธฐ ์ํ๋ก ๋จ๊ฒผ๋ค.
๋ค์ ํ์ฐจ๋ ์ถ์ ๋ UI/UX ๊ทผ๊ฑฐ์ ์ต์ ์ด์ยทPR์ ํจ๊ป ๊ฒํ ํ๋ค. ๊ณตํตํํ ๊ณ์ฝ, ์ ํ๋ณ๋ก ๋ ๋ถ๋ถ, ์ฌ์ฉ์ ๊ฒ์ฆ์ด ๋จผ์ ํ์ํ ์ ์์ ํ๋จ ํ๋ก ์ ๋ฆฌํ๋ค.