- 전체보기(14)
- typescript(1)
- VisionaryCoders(1)
- 선언적프로그래밍(1)
- React(1)
- 프론트엔드(1)
- cs공부(1)
- 코드품질(1)
- 리팩토링(1)
- next.js(1)
Spec 주도 개발, 마주한 트러블슈팅들
Spec 주도 개발을 개인 프로젝트에 적용하며 겪었던 시행착오를 정리했습니다. Spec이 오히려 개발을 방해했던 순간들과, 그 속에서 정리된 현실적인 기준과 배움을 공유합니다.
Spec 주도 개발 시리즈 – 2탄: 스펙 작성부터 구현까지, 실전 가이드
"이 기능 구현해줘"에서 "이 스펙이 충분한지 봐줘"로 질문이 바뀌었다. > 이제는 "이 스펙을 어떻게 작성하지?"로 질문이 한 단계 더 깊어졌다. 시작하기 전에 1탄에서는 왜 Spec-Driven Development를 도입하게 되었는지, 기존 개발 방식에서 느낀
Spec 주도 개발 시리즈 – 1탄: 왜 지금, Spec부터 시작하게 되었나
기능을 먼저 만들던 개발에서 벗어나, 스펙을 기준으로 생각하는 개발을 연습하며 겪은 첫 도입 회고.
한 줄을 읽어도 의도를 파악하는 선언적 UI 리팩토링
모바일/데스크톱 레이아웃을 선언적 UI로 리팩토링한 경험을 공유합니다. useMemo와 satisfies로 성능과 타입 안전성을 높였고, 컴포지션 패턴으로 가독성을 개선했습니다. '한 줄 읽기'로 의도를 즉시 파악할 수 있는 코드를 만드는 과정을 소개합니다.
분산된 에러 처리 로직을 통합하기 위한 구조적 접근
Axios와 Supabase 등 서로 다른 에러 타입을 일관되게 처리하기 위해, 공통 핸들러와 콜백 기반 구조를 도입해 에러 메시지 중복과 처리 방식 차이를 통합했습니다. 이를 통해 유지보수성과 UI 대응 유연성을 크게 향상해본 경험을 작성해봤습니다.
Next.js에서 사용자 인증 상태를 효율적으로 관리하는 방법
Next.js에서 사용자 인증 상태를 서버와 클라이언트 모두에서 효율적으로 공유하는 구조를 고민하며, React Query와 Context의 조합을 정리했습니다.
회의 1분 전 입장이었던 내가, 이제 회의안을 하루 전 준비하는 이유
목차 조장...하실분..? 나는 어떤 팀장이었는가?(단점) 나는 어떤 팀장이었는가?(장점) 이번에는 어떤 모습의 팀장이 될 것인가? 적용해보기 조장...하실분..? "팀장까지 약 25초" 취업을 준비하는 상황에서 새로운 팀프로젝트를 시작하였고 나의 목표는 명확했다. 커뮤케이션 비용을 최대한 줄이면서 부족하고 기술적으로 취업에 유리하게 면접관들이 좋아할만...
[ Warning ] Cannot update a component (`A`) while rendering a different component (`B`). To locate the bad setState() call inside `B`
다른 컴포넌트 ('B')를 렌더링 하는 동안 컴포넌트('A')를 업데이트 할 수 없다.출처 : https://github.com/facebook/react/issues/18178await 키워드를 붙이지 않아 코드가 비동기로 실행되다보니 wishes페이지로 이
HTTP vs HTTPS, 개념 및 차이점
HTTP(Hyper Text Transfer Protocol)란?HTTPS(Hyper Text Transfer Protocol Secure)란?