TS2 12. 18. 37일차 TIL Riot API활용 프로젝트 Suspense, 트러블슈팅 며칠 째 과제를 끝내기 위해 그리고 이쁘게 만들기 위해 몰두하고 있다. 개발하면서 정말 여러가지의 트러블을 경험했지만 그 중에서 제일 이해가 안되는 문제를 다뤄보려고 한다. 바로 suspense를 어떻게 써야하는지에 대한 것이다.1. Suspense란 무엇인가?먼저 Suspense란 무엇인지 알아볼 필요가 있다. Suspense란 비동기 데이터를 로딩하거나, 컴포넌트를 동적으로 로드할 때 로딩 상태를 처리하기 위한 React의 내장 기능이다. React 16.6v 에서 처음 도입되었으며, 주로 동적 컴포넌트 로드와 서버 컴포넌트의 데이터 로딩을 처리하는 데 사용된다. Suspense는 UI가 렌더링되기 전에 필요한 데이터를 로드하거나 작업이 완료되기를 기다리는 동안 특정 UI(fallback)를 표시해준.. 2024. 12. 19. 12. 10. 33일차 TIL Next.js 시작 지난 뉴스피드 팀프로젝트 이후 욕심이 커 무리하게 되었다. 하루 평균 수면 시간이 2시간도 되지 않았던 것 같다. 그러다 저번주 수요일 문제가 생겼고 개인 컨디션 관리의 중요성을 뼈저리게 깨닫게 되었다. 그동안 많은 것들을 학습하였는데 (tailwind, zustand, 페이지네이션, 인피니티스크롤, 등) 이는 차츰 업데이트해야 할 것 같다. 오늘은 간단하게 타입스크립트와 next에서의 라우팅 구현 방식을 정리하려고 한다. React도 모르던 나는 어느새 next.js에 대해 배우고 있다. 1. 타입스크립트 (TypeScript)의 개념타입스크립트란 JS에 정적 타입을 추가한 프로그래밍 언어로 JS를 기반으로 하면서 코드의 안정성과 유지보수성을 향상시키기 위해 설계된 JS 상위 집합 언어라고 할 수 있다.. 2024. 12. 10. 이전 1 다음