-
Notifications
You must be signed in to change notification settings - Fork 2
[FE] 코드 에디터 UI 및 실시간 협업 로직 구현 #178
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
monaco-editor, y-monaco, y-websocket, yjs 설치
- 모나코 에디터 UI 연결 - 실시간 동기화를 위해 Yjs 및 모나코 바인딩 구현
- 자동완성 상태 추가 - 자동완성 on/off 토글 핸들러 추가
- 발표자만 편집 가능한 로직 구현 - 발표자만 취소 버튼 클릭 가능하게 구현 - 발표자 1명으로 제한 등
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| if (hasPresenter) { | ||
| alert('이미 누가 발표중이라니까'); | ||
| // TODO: toast message 띄워주기 | ||
| return; | ||
| } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
p4: alert 혹은 toast message 대신 hasPresenter 일 땐 버튼 비활성화하는 것도 좋아보입니다.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이게 더 나은 UX같아요. 반영하겠습니다 ~!
seorang42
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
잘 봤습니다! 리뷰 요청하신 내용에 대해서 간단하게 의견 남겨놓겠습니다!
- 발표자 되기가 아무래도 어색하게 느껴지는건 사실인 것 같아요. 만약 저라면 발표 시작 / 발표 종료나 스포트라이트 / 스포트라이트 해제와 같은 단어를 사용했을 것 같기는 합니다.
- 메뉴의 경우 화이트보드에서 만들어지는 툴바를 재사용할 생각이었어요. 근데 코드 에디터는 툴바에 가려지면 화이트보드처럼 슬라이드로 가려진 부분을 표시하는게 불가능해지니까 차라리 별도의 상단 공간으로 두는 것도 괜찮을 것 같네요. 상단 공간에 기존 툴바의 버튼이나 드롭다운 등만 가져와서 사용하면 될 것 같습니다. (별도의 공간에 길게 펼쳐진 툴바 느낌이지 않을까 싶네요)
- 추가적으로 언어 설정 Dropdown이 있으면 좋겠어요. Monaco-Editor가 언어 설정 관련 플러그인을 너무 어렵지 않게 제공하고 있다면, 전 언어 설정도 추가되었으면 합니다. 대표적인 Java, JS, TS, Python, C++ 정도라도요!

🎯 이슈 번호
✅ 작업 내용
🤔 리뷰 요구사항
[발표자 되기] / [발표자 취소]워딩을 사용했는데, 더 좋은 UX라이팅이 있다면 자유롭게 의견주세요.메모
📸 스크린샷 (선택)
2026-01-08.21.36.09.mov
2026-01-08.21.40.03.mov