2021. 5. 8. 18:14ㆍ소소한 정보
- 사용성, 접근성 및 개발자 경험에 방점을 둔 react 컴포넌트 라이브러리. 개성있는 대고객 서비스가 아닌 백오피스 서비스 같은 기능 중심의 서비스를 만들 때 매우 유용할 것으로 보임.
Yarn 작업 영역, TypeScript, esbuild, React 및 Express를 사용하여 웹 애플리케이션 만들기
- 목차: 1,2,3부 고급
- 모바일 앱 디버깅을 위한 툴(react native 지원)
- Filpper
- nextjs의 Incremental Static Regeneration(ISR) 증분 정적 생산
- netlify의 Distributed Persistent Rendering(DPR) 분산 영구 렌더링
- 위 두 개의 기능은(말이 어렵지만) 정적 페이지의 빌드 특성상 페이지가 많아지면 많아질수록 빌드 타임이 길어진다는 단점을 보완하기 위해서 나왔다. 기존에는 단순히 정적 페이지로 제공하던 방식에서 클라이언트로 부터 요청 받았을 때 페이지에 변동 사항을 감지해 빌드 한다. 초기 빌드에 모든 페이지의 빌드가 이뤄지는게 아니라 클라이언트로 부터 새로운 요청이 들어오면 새롭게 페이지가 빌드 된다. 이로써 빌드 타임을 줄일 수 있고 정적 페이지를 동적으로 만들 수도 있다.(SSR과는 달라서 버전 관리가 힘들다는 단점이 있긴 하지만)
- reactions-demo.vercel.app 이해를 돕기 위해 예시로 만들어진 페이지. 깃허브 이슈 페이지로 들어가서 아이콘을 클릭한 후 링크의 페이지로 돌아와 리로드 하면 변화가 없다. 하지만 해당 요청으로 백그라운드에서 페이지 빌드가 이뤄진다. 다시 페이지를 리로드하면 변경된 아이콘 클릭수를 확인 할 수 있다.
zustand - hook 기반의 상태 관리 라이브러리
css 배우기 - web.dev
height: parent’s height
width: parent’s width
top: parent’s height
left: parent’s width
margin-top: parent’s width
margin-left: parent’s width
padding-top: parent’s width
padding-left: parent’s width
translate-top: self’s height
translate-left: self’s width