모바일 환경에서 더보기 버튼을 통한 노드.간선 편집 #199
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
CatyJazzy
requested review from
hoqn and
heegenie
and removed request for
a team
hoqn
approved these changes
Dec 3, 2024
| bubbles: true, | ||
| }); | ||
|
|
||
| parentNode.fire("contextmenu", { |
There was a problem hiding this comment.
fire를 활용하셨군요..! 가장 깔끔한 방법인 것 같아요
| const [isTouch, setIsTouch] = useState(false); | ||
|
|
||
| useEffect(() => { | ||
| setIsTouch("ontouchstart" in window || navigator.maxTouchPoints > 0); |
There was a problem hiding this comment.
Touch screen인지 확인할 수 있는 방법이군요! 좋은 것 알아갑니다 👍
heegenie
approved these changes
Dec 3, 2024
| const handleTap = (e: KonvaEventObject<Event>) => { | ||
| e.cancelBubble = true; | ||
|
|
||
| const parentNode = e.target.findAncestor("Group").findAncestor("Group"); |
There was a problem hiding this comment.
오 Konva event에는 findAncestor로 부모 노드를 찾을 수 있군요 ㅎㅎ
CatyJazzy
added a commit
that referenced
this pull request
Dec 3, 2024
* feat: 터치디바이스 여부 확인 로직 * feat: 모바일환경에서 더보기 버튼 클릭 시 context-menu 표시 * feat: 더보기 버튼 클릭 시 clientX, clientY값 정의하여 전달 * feat: 간선 삭제 버튼 스타일 수정 * feat: 삭제 버튼 터치 핸들러 연결
CatyJazzy
added a commit
that referenced
this pull request
Dec 3, 2024
* feat: 터치디바이스 여부 확인 로직 * feat: 모바일환경에서 더보기 버튼 클릭 시 context-menu 표시 * feat: 더보기 버튼 클릭 시 clientX, clientY값 정의하여 전달 * feat: 간선 삭제 버튼 스타일 수정 * feat: 삭제 버튼 터치 핸들러 연결
fru1tworld
added a commit
that referenced
this pull request
Dec 3, 2024
* feat: space-delete-api * fix: 에러 메시지 추가 * fix: json pasing 안되는 이슈 해결 * refactor: validation Service validation으로 네이밍 변경 * feat: space update 로직 추가 * fix: updateSpaceByName * fix: 노드 위 우클릭시 이동모드 자동 활성화되는 오류 수정 (#195) fix: 노드 위 우클릭 시 이동모드 활성화되는 것 방지 * fix: 이동모드 활성화 함수에서 button 판별오류 수정 (#196) * fix: mouse-event에 대해서만 button 판별하도록 수정 * feat: 인터랙션 가이드 UI 추가 (#197) * feat: 인터랙션 가이드 추가 * chore: 인터랙션 가이드 내용 추가 * feat: 모바일 환경에서 더보기 버튼을 통한 노드.간선 편집 (#199) * feat: 터치디바이스 여부 확인 로직 * feat: 모바일환경에서 더보기 버튼 클릭 시 context-menu 표시 * feat: 더보기 버튼 클릭 시 clientX, clientY값 정의하여 전달 * feat: 간선 삭제 버튼 스타일 수정 * feat: 삭제 버튼 터치 핸들러 연결 * feat: 서브스페이스 삭제 api 연동 * feat: 작업 내용 저장 * feat: save * fix: space delete id가 아니라 src에 있는 걸 갖고 올 수 있도록 수정 * feat: deleteNote Controller API 추가 * feat: 서브스페이스 수정 api 연동 --------- Co-authored-by: CatyJazzy <[email protected]> Co-authored-by: Heejin Na <[email protected]> Co-authored-by: CatyJazzy <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
✏️ 한 줄 설명
터치 디바이스로 접속 시에 컨텍스트 메뉴를 띄울 수 있는 더보기 버튼을 구현했어요.
간선을 삭제할 수 있는 별도의 버튼을 구현했어요.
✅ 작업 내용
🏷️ 관련 이슈
📸 스크린샷/영상
📌 리뷰 진행 시 참고 사항
눈물을 흘리며 ios 업데이트 후 제 아이폰 환경에서도 테스트를 마쳤습니다!
(도커 빌드도 확인 완료했습니다)
구현 아이디어가 거의 같아서 간선 조작에 대한 작업도 살짝 추가했습니다 😅