---
# System prepended metadata

title: 4/29 금요일

---

# 4/29 금요일

안녕하세요 Tami~
지미 & 파크입니다.

이번 PR 에는 Modal 에 Food Detail 페이지 넣는 작업을 시도했는데요,
Modal 안에 다른 여러 Component 가 쓰일 수 있다는 전제하에 작업을 시도해봤는데, Modal Width 와 Height 에 맞추어 반응형으로 고쳐보려는 시도를 해보았습니다.

해당 작업이 생각보다 어렵고, 필요한 API 구조로 변경하는 데 시간이 걸려서 끝내 마무리는 하지 못한점이 아쉽습니다 ㅠㅠ 나중에 시간내서 꼭 개선을 해보고 싶네요

### ❓ 질문

- 서버에 데이터 요청 시 에러 핸들링을 어떻게 해야할까요?
    - [ErrorBoundary](https://reactjs.org/docs/error-boundaries.html) 라는 것을 사용하면 componentDidCatch 를 활용해서 에러페이지를 렌더링 할 수있는 것 처럼 보이는데, Hook 에서는 이와 비슷한 것을 제공하고 있는 것 처럼 보이지 않았습니다. 
    - 만약 componentDidCatch 를 사용한다면 지금 api 요청을 보내는 methodResult 를 try-catch 로 감싸는 형태를 사용할 필요가 없어보이는데 일반적으로 에러 핸들링을 어떻게 하는지 궁금합니다~

- 사용자 환경에 따라 Modal 의 Width, Height 가 보여지는 부분이 달라지는 걸 볼 수 있었는데요, 보통 어떤점을 고려해서 레이아웃을 짜시는지 궁금합니다.
    - 저희는 % 와 rem, em 을 활용해서 대응해보려고 했는데 결국 파크 환경과 지미 환경에서의 레이아웃이 다르게 보여지더라구요, 파악한 원인으로는 해상도 차이이지 않을까 싶은데 실제로는 어떤 것을 고려해서 반응형 레이아웃을 짜시는지 궁금합니다.