👨‍💻 사건

next.js 를 사용하여, 내 노션 데이터베이스와 연결시켜 보여주는 프로젝트를 진행하고 있었다. 기존의 lib 폴더안의 notion.js 의 API 에 살짝 손봐서 들여쓰기가 들어가있는 텍스트도 모두 뽑아내어 렌더하고자 하였다. 이때 yarn dev 를 사용할 경우, warning 이 발생은 하지만 작동되는 모습을 볼 수 있었다.

그러나, yarn build 를 하는 과정에서 다음과 같은 에러가 지속적으로 발생하였다.

Error: Export encountered errors on following paths:

✅ 해결

확인해보니, 외부 API 에서 데이터를 패칭하는 과정에서 응답시간에 따라 위와 같은 에러가 발생할 수 있다고 한다.

결국, 응답시간을 줄이기 위해 들여쓰기 한 텍스트는 제외하고 렌더하였다.

💡개선

재귀함수를 돌려서 들여쓰기한 텍스트를 완전탐색하는 느낌으로 알고리즘을 구현하였는데, 완전탐색이다 보니 아무래도 시간복잡도가 높아진것 같았다.

정말 꼭 들여쓰기한 텍스트 전부를 불러온다면 다음과 같은 과정을 거쳐야 할것이다.

많은 데이터를 가져오는 형식이다보니, 한번 페이지를 여러 컴포넌트로 나누어서 가져와야할것 같다 라는 생각을 했다.