어째서 RSC인가? - CSR, SSR, RSC를 구체적으로 시각화된 자료와 함께 잘 설명하고 있는 글 비난 없는 문화는 엔지니어링 업계의 표준이 되어야 합니다 react router를 500줄의 타입스크립트로 만들어보기 - 타입스크립트를 고수준에서 사용하기 소프트웨어 프로젝트가 실패하는 이유 엔지니어로 프로젝트 처음부터 끝까지 이끌기 1. Kioff - 킥오프의 목표는 "왜", "무엇을", "누가"를 조율하는 단계 2. Setup - 어떤 방식으로 일을 처리할지 설정하는 단계 3. Planning - 제품 요구사항 및 기술 문서 작성 단계 4. Execution - 문서에 따라서 실무자들이 작업하는 단계 5. Launch - 고객에게 제품을 반영하고 피드백을 듣고 이것을 반복하는 단계 6. Close-..

기본적으로 무료인 유용한 Crypto Tools - Spot On Chain - Lore - Arkham - Velo Data - DexCheck 멘토를 위한 가이드 이상적인 PR은 50줄 시니어 엔지니어 되기 - 시니어 레벨로 성장하려면 단순히 열심히 일하는 것이 아니라 사고방식의 전환이 필요합니다. - 중간 엔지니어에서 건축가, 수석 엔지니어와 같은 staff-plus직으로 발전했을 때 더 이상 눈앞에 있는 티켓에만 집중할 수 없었습니다. 저는 부서 간 균형과 장기적인 목표를 고려하여 시스템 사고에 대한 관점을 높여야 했습니다. 나는 여전히 코딩을 좋아했지만, 작업을 직접 수행하는 것보다 팀을 보다 전략적으로 지원함으로써 영향력이 생긴다는 것을 배웠습니다. - 이슈 대응에 직접 뛰어들어 해결하지 마세..

React Server Component 좋은 점, 나쁜 점, 이상한 점 - 글쓴이는 결과적으로 현재 React의 방향성에 대해서 좋지 않은 시선으로 바라보고 있으며 이는 향후 React가 처할 수 있는 부정적인 상황에 대해서 걱정을 하고 있는 것으로 보인다. 프론트엔드 개발의 끝(feat. AI) Remix에 대한 (긍정적인)생각 PR 코드 리뷰 - 좋은 코드 리뷰는 어떻게 이뤄지는 가 잘 알려지지 않은 웹 접근성 2024년 React 주요 라이브러리들 Next.js 28가지 알아두어야 할 사항들 Desing System Database React의 Reconciliation, Renderers, Fiber, Virtual Tree 파헤쳐보기

선임 엔지니어가 말하는 혁신적인 기술을 사용하는 방법 Next.js에서 쿠키를 다루는 방법 웹 성능 시작하기 tsdocs - 타입스크립트를 기반으로 작성된 라이브러리들의 문서 UI를 제공해주는 서비스

Next.js를 사용하는 이유 - leerob - Next.js를 사용하지 않는 이유 - Kent C. Dodds 둘은 서로를 존중하지만 매우 다른 관점에서 서로가 만들어가는 시스템에 대해 설명한다. CSS selector 시각적 가이드 React Query를 사용해야만 하는 이유 - 번역 Headless React Component에 대한 상세한 설명 - 스크린 리더 지원 - 키보드 탐색 지원(마우스만을 위한 접근성이 아닌) - 비동기 상태 관리(초기화, 로딩, 에러에 관한 UI 관리) - UI 변형 및 테마 관리 - 더 많은 기능 확장... - 위의 로직적인 요구사항을 만족하기란 쉽지 않다. 하지만 위의 요구사항을 이미 만족한 Headless Component 라이브러리가 이미 많이 존재한다. 헤드리..

Next.js 13과 Remix의 심층 사례 비교 분석 React.memo를 하기전에 알아두면 좋을 것들 commit 메시지를 만들어주는 ai 라이브러리 왜 Next.js를 선택하는가 - Next.js 장점들을 압축해서 설명한 글 AI 우선 코드 편집기 MSW 2.0 소개 글 짜임새가 매우 훌륭하다. 독자를 이해시키기 위한 수준 높은 흐름으로 간결하지만 전달력 높은 글 CSS variable naming 가이드 CSS 새로운 기능들