‘잘 돌아가는 코드’와 ‘좋은 코드’는 다르다. 그 차이를 구분하는 눈을 먼저 키우고, AI와 함께 코드를 검증하는 환경을 만든다.

컴포넌트는 “재사용 가능하게” 만들기 전에, “읽기 쉽게” 만드는 것이 먼저다.

500줄짜리 컴포넌트를 열었을 때 “나는 여기, 로직은 여기, API는 여기”라고 바로 찾을 수 있는 구조를 만든다.

컴포넌트를 ‘쓰는’ 개발자에서, 컴포넌트를 ‘설계하는’ 개발자로. 라이브러리 내부 구조를 이해하고 같은 수준의 유연한 API를 직접 만든다.

모든 상태를 useState에 넣던 시절은 끝났다. 상태의 본질을 파악하고 적재적소에 배치하는 아키텍처를 설계한다.

컴포넌트 수준을 넘어, 전체 애플리케이션을 설계하는 관점으로 도약한다. 코드를 짜기 전에 설계를 먼저 쓴다.

“느리다”는 의견이다. Lighthouse 점수는 사실이다. 성능을 숫자로 측정하고 숫자로 개선한다.

“구현 세부사항이 아닌 사용자 행위를 테스트하라” – 이 한 문장이 프론트엔드 테스트의 핵심 철학입니다.

사용자가 실제로 겪는 플로우 전체를 자동화하고, ‘눈에 보이는 변화’를 기계가 감지하게 만든다.

프로덕션에 올라가고, 측정되며, 떨어질 수 있는 업으로 마무리한다.