TIL-31 taskrail 프로젝트 진행 중 알게된 것 08/11

1. 댓글 등록 기능을 구현중에 bodyContent안의 데이터가 계속 null로 잡히는 문제가 있었다.

원인은 formData안의 body였다.  백엔드 쪽의 requestDto에는 필드명이 content였기 때문에 이를 맞춰주어야 했다.

 

content로 바꿔주니 데이터가 제대로 전달되었다.

 

2. textarea태그의 값을 가져올 때 textarea.textContent가 아닌 textarea.value이다. 

input태그인경우 textContent로 가져오는 데 차이점이 있었다.

 

 

3. 작업자 할당하기 기능을 만드는 도중 발생한 에러

팝업창으로 만들어서 사용하려고 했는데 제약사항이 많았다。

팝업창 스코프와 브라우저 스코프가 달라 함수사용이 안됐던 것

 

기존 requestData 호출

수정 후

이후에 함수 호출은 되었지만。 

requestData함수 내 요소에 접근하였지만 0만을 반환하는 문제가 발생했다.

이 부분 또한
코드가 팝업 창 내부에서 실행되기 때문이다. 팝업 창과 메인 창은 각각 독립적인 문서 객체 모델(Document Object Model, DOM)을 가지므로, 팝업 창의 DOM에 선택된 체크박스가 없어서 0을 반환하는 것이었다.

 

이를 해결하기 위해 2가지 방법이 있다.

 

1. 팝업 창에서 선택된 데이터를 부모 창으로 전달.

2. 부모 창에서 데이터를 수신하고 처리