둘 다 원하는 element를 보이지 않게 할 수 있는 걸로 알고 있습니다. 
어떤 상황에 써야 하거나 연산량 차이가 있거나 한 부분이 있을까요?

kain74님 답변 감사합니다 :) 말씀해주신대로, opacity: 0은 투명하게만 바뀐 것일 뿐 요소 자체는 영역을 차지하고 있고요, display: none은 아예 화면에서 없는것처럼 취급됩니다.

opaicty는 돔이 화면에 살아있습니다.
display:none은 돔이 사라집니다.
아코디언만들때 생각해보시면 그차이를 알수있을겁니다.

Inflearn コミュニティ Q&A

opacity:0, display:none의 차이가 무엇인가요?