2023. 11. 5. 10:53ㆍ소소한 정보
- Next.js를 사용하지 않는 이유 - Kent C. Dodds
둘은 서로를 존중하지만 매우 다른 관점에서 서로가 만들어가는 시스템에 대해 설명한다.
- 번역
Headless React Component에 대한 상세한 설명
- 스크린 리더 지원
- 키보드 탐색 지원(마우스만을 위한 접근성이 아닌)
- 비동기 상태 관리(초기화, 로딩, 에러에 관한 UI 관리)
- UI 변형 및 테마 관리
- 더 많은 기능 확장...
- 위의 로직적인 요구사항을 만족하기란 쉽지 않다. 하지만 위의 요구사항을 이미 만족한 Headless Component 라이브러리가 이미 많이 존재한다. 헤드리스이기 때문에 스타일만 우리 방식대로 풀어나가면 된다. 디자인 시스템을 구축할 때 이러한 라이브러리를 바탕으로 구축하면 많은 짐을 덜 수 있을 것이다.
소프트웨어 엔지니어 직업에 관해 말하지 않는 10가지 진실
마이크로서비스는 문제가 아닙니다. 무능한 사람들이 문제입니다.
곧 한 아이의 아버지가 될 개발자가 자신의 과거와 프로그래밍의 역사를 되돌아보며 어떤 기술을 아이에게 가르쳐야 할지 생각해본다.
- C++ 또는 Python을 직접 입력하여 프로그래밍하는 것은 결국 펀치 카드에 바이너리 명령을 실행하는 것만큼 우스꽝스러워 보일 수 있습니다. ... 그러니 가르쳐야 할 것은 기술이 아니라 정신일지도 모르겠습니다. ... 코딩 시대가 저물고 있다고 걱정할 필요는 없습니다. 해킹은 영원합니다.
저자는 시대마다 도구가 달라질 뿐이지 우리는 무언가를 계속 만들어 왔다는 점에 주목한다.
Barrel 파일을 사용을 피해서 모듈 번들링 성능을 향상
- 주요 자산 경로 로드시 async, defer 고려
- 트리쉐이킹. 번들크기 축소 및 데드 코드 삭제
- 성능 예산을 정의하고 따르라.
- 웹 표준을 사용(기본에 충실)
- 차세대 웹 프레임워크 사용(생산성 향상)
- 팀을 위해 좋은 문화와 어떤 요소들을 평가하고 장려해야 하는지 알 수 있음. 리더나 팀장이 될 때 숙지하고 있으면 팀을 이끌 때 도움이 될 내용들
프론트엔드 엔지니어가 디자이너와 협업하거나 디자인을 검토할때 알아두면 좋을 사항들
React 라이브러리를 ESM + CJS 지원하는 라이브러리로 만드는 방법