Skip to main content

2024/02/22

일지 기록#

info

답장 기능 개선 중 겪은 어려움


[ 2024/02/26 ]

🧐 Problem#

우선 API 를 통하여 받아오는 작업 이후 UI 에서도 받아온 데이터를 보여주는 작업이 필요하다. 하지만 답장 기능 개선 작업을 진행하던 중에 API 를 통하여 받는 데이터 handling 의 어려움이 있었다. 다이나믹한 이슈는 아니었지만 데이터 구조도 모르고 API 응답값에 있어서 분석이 덜 되었다.

👀 Analysis#

특정 "<" ">" 일 경우 array[] 에 정보가 담겨있는데 이 array[] 에서 내가 필요한 정보를 가져와야한다. API 를 통하여 값을 가져와서 내가 보여줄 'data.xxx' 에 넣어주어야 한다.

🌈 Solution#

우선 단순하고 직관적인 방식이지만 console.log 로 데이터가 어떤식으로 떨어지는지 확인하였다. 그리고 network 에서 WS 버튼을 통하여 webSocket 정보만 볼 수 있다. WebSocket 에서 API 를 통해 가져오는 데이터에 내가 보여주고 싶은 정보가 보여지는 정보에는 없다는 것을 확인하였다.

데이터만 추출해서 넣어주면 될 것 같다.

우선 기존에 있던 로직은 많이 건들이지않고 진행하는 방식으로 진행하였다. 데이터를 가져와서 원하는 정보에 해당하는 경우의 조건들을 걸어준 후 조건에 해당하는 경우 데이터에 대한 처리를 할 수 있도록 구현하였다.

🎯 Outcome#

정상적으로 데이터가 화면에 노출되었다. 데이터 추출에 시간이 꽤 오래걸렸지만 이렇게 막막함이 있는 경우에는 차근차근 데이터를 추출해서 console 에 찍어보는게 방법 중 하나인 것 같다.

👼 Reflection#

데이터에 대한 구조 파악도 중요하고 데이터를 추출하기 위해서는 어떤 형태와 어떤 방식으로 구현하는지에 대해 먼저 생각을 해보고 정리해보는 습관이 필요할 것 같다.