Linkbrary
1.[회고] Linkbrary를 마치며...
Linkbrary는 어떤 프로젝트인가? <img src="https://private-user-images.githubusercontent.com/167871589/388003973-422c8c2c-a6d9-4601-bdd0-b543a0139ff6.gif?jwt=eyJ
2.[Refactoring] 로그인/회원가입 기능을 과감하게 없애보자.(미완)
첫번째 과제이다. 지난 linkbrary를 마치며.... 포스팅에서 이야기 했듯이 사용자 로그인 기능을 과감하게 없애기로 했다. 이유는 유저 세션과 관련된 뚜렷한 기능이 딱히 없고 오히려 주 컨텐츠를 경험하기까지의 시간을 지연시킬 뿐이라고 판단이 되기 때문이다.고민은
3.[Refactoring] 사용자가 경험하는 loading indicator 줄이기
두번째 과제이다. <a href="https://velog.io/@wn8624/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%ED%9A%8C%EA%B3%A0-Linkbrary%EB%A5%BC-%EB%A7%88%EC%B9%98%EB%A
4.[Refactoring] tanstack-query로 데이터 최신화 하기
🐾 들어가며... 지난 시간에는, tanstack-query를 활용해 api 요청을 할 때마다 매번 새로운 요청을 보내는 것이 아닌, 캐싱된 데이터를 불러오도록 하는 리팩토링 작업에 대해서 이야기 했었다. 그렇다면 이번 시간에 다룰 작업 주제는 무엇이냐?, 바로
5.Tanstack Query로 중복 API 제거 및 UX 지연 1.2s → 0s 개선한 사례
Tanstack-Query(구 React Query)는 서버상태 전용 라이브러리이다.서버상태란 예를 들면 데이터가 로드 중인지 여부를 나타내는 isLoading, 요청이 실패했는지 성공했는지 isError, 서버에서 가져온 실제 데이터 data, 요청 실패 시 반환된
6.JSX 분리와 상태 추상화로 DX 개선하기(with Frontend Fundamentals)
지난 시간 Frontend Fundamentals 정리 포스팅에서 다루었던 내용들을 바탕으로, Linkbrary 프로젝트에서 내가 맡았던 링크 페이지의 코드들을 개선해 보겠다.자식 컴포넌트나, 관리하고 있는 상태가 너무 많아 가독성이 최악이다. 아무래도 링크 페이지가