node.js로 공중댓글달기 이런건 어떻게 구현하나요?

[익명(175.223)]

아무 곳에나 허공에 눌러서 댓글 달 수 있는 기능도

구현할 수 있나요?

어떻게 구현할까요? ㅠ

감이 안오네요 ㅠ

- dc official App

[투투♡(grw8vvf5izqn)]

클릭이벤트를 허공으로 잡는다. 댓글UI를 띄운다 작성한다. 보여준다.

[익명(115.136)]

클릭한 곳의 위치 알아내는 함수 뭐 있을텐데...

[익명(221.156)]

nodejs 계열 프론트 프레임워크를 쓸거지? 그럼 리엑트라고 한다면 click 뭐뭐 show modal 이런식으로 검색하면 되겠지? 코드를 알아먹는건 니가할 일이겠지?

[익명(211.210)]

nodejs는 서버다..

[쿄스케(keoerd)]

nodejs를 트랜스파일링용으로 쓰는 프론트 프레임워크가 react랑 vue 등등임. nodejs는 서버만이라는 말은 틀림

[익명(220.93)]

그건 node.js가 아니라 브라우저 API 를 알아야 됨

[익명(220.93)]

1. 클릭 이벤트로 dom 이벤트 객체를 받아와서 x, y 좌표를 받는다. (clientHeight, 등등 찾아보셈) 2. 해당 영역을 어느 기준으로 할지 잡는다. document.body 전체를 잡든, 해당 section 엘리먼트를 잡든 3. 해당 영역 기준으로 해서 상대 좌표 또는 절대 좌표로해서 absolute 로 해서 댓글 엘리먼트를 위치시키고 보여준다.

[익명(220.93)]

그리고 서버에서는 댓글 내용 뿐만 아니라 해당 댓글이 달리는 돔 엘리먼트의 상대 또는 절대 좌표도 같이 저장되어야 함

[익명(220.93)]

그런데 반응형, 모바일 웹 까지 고려한다면 width 사이즈로 인해서 내용 컨텐츠의 길이가 가변할테니까 좌표 계산을 다시 해야 할수도 있음. 그런데 이미지, 텍스트 등은 브라우저, 확대율 등 다양한 변수마다 전부다 길이가 변동될수 있어서 좌표보다는 어떠한 텍스트, 이미지, 등 엘리먼트 기준으로 달리게 하는게 동적인 댓글 위치 계산에는 더 쉬울거야