배경 프론트 주니어로서 웹팩, 바벨 등을 직접 셋업해보며 이해를 기르고자 프로젝트를 시작했다. React18과 Next.js를 사용하고 있고, TypeScript를 엄격히 적용하고자 한다. config 파일 등으로 필요한 기본 설정 후 페이지를 구성하고 컴포넌트를 하나
리액트에서는 에러 등의 예외가 발생하면 모든 컴포넌트를 unMount 시킨다.이 경우 유저에게는 흰 화면만 보이게 되는데, 이러한 조치는 사용자경험에서 좋지 않다.이를 위해 리액트는 ErrorBoundary 컴포넌트를 제공한다.App 컴포넌트를 ErrorBoundary
useInView는 Intersection Observer API 에서 제공되는 hook이다.(react-intersection-observer 모듈)인스타그램이나, 쇼핑 앱의 홈화면 등 모바일 화면에서 무한스크롤 적용을 위해 많이 사용하는 듯 하다.무한스크롤의 의미를
유저가 실제 서비스를 사용하다가 에러화면을 맞닥뜨리는 경우는 얼마나 될까?서비스의 프론트엔드를 개발하면서 에러 케이스를 처리하는 팝업이나 리다이렉트 등의 처리를 해두긴 하지만, 실제 에러 상황에서 유저를 잘 달래줄 수 있는지는 확신이 없다.CS나 앱스토어/구글플레이를
고의적 미해결
데이터없음은 404 Not Found 일까?
RESTful 하게 API를 작성한다는 것
\*관련 지난 포스트 🔗 프론트 에러로그 서비스 Sentry, Datadog개발환경에서는 발생하지 않다가 배포 이후에 버그가 발견된다면? 심히 당황스럽겠지만 이를 위해 개발하면서 수시로 빌드해보며 검증해볼 필요가 있다.next 프로젝트의 경우에도 스크립트 명령어 ne