무한 스크롤, 반응형, 스켈레톤까지 모두 잡은 Flexbox 기반 Masonry 레이아웃 개발기

“링크만 잔뜩 쌓이는 북마크를, 한 번에 읽을 수 있는 노션 스타일 요약 문서로 바꿔보자.

N+1, 과잉 인덱스, 재귀 지옥을 3단 컷으로 정리한 리팩터링 케이스

단순한 링크 고정 기능이 아니다 — 사용자 경험을 살린 인터랙션 설계와 상태 관리 전략

반복되는 클릭, 더블클릭 죽이기 — 이벤트 위임으로 깔끔하게 정리하는 실전 전략

LLM이 도구를 쓰고, 에이전트가 서로 도와주는 시대의 핵심 프로토콜 이야기

SSR을 더 빠르고 똑똑하게 만드는 비결, React Query의 Hydrate

💻 이제 당신의 상상이 코드가 되는 마법! 비개발자도 풀스택 개발자가 되는 길

이전에 코드 리뷰라는 주제로 포스팅을 한 적이 있었는데요,저희는 실제로 두 명의 개발자가 서로 작성한 코드에 대해 리뷰를 주고받고 있습니다.단순히 오류를 지적하는 것이 아니라, 작성자가 놓친 부분을 발견하거나 더 나은 코딩 방식을 제안하기 위한 목적이에요.이를 통해 코

캐시 하나로 성능과 UX를 모두 잡는 법

“코드만 잘 짜면 되는 거 아냐?” 하지만 팀워크와 서비스의 품질을 생각한다면, 대답은 NO입니다.

데이터 삭제 UX를 고려한 휴지통 설계와 30일 자동 정리 구현

해시값으로 중복 업로드를 막아 S3 비용을 줄인 방법

Upstage에서 학생이라면 누구나 최대 1년 동안 무료로 Solar Pro 모델을 사용할 수 있는 기회를 열어줬습니다.

세션 인증부터 탭 제어까지, 삽질 끝에 완성한 개발기

“우리가 원하는 드래그 UX를 위해, dnd kit를 다시 뜯어봤습니다” 폴더 위로 살짝 올려놓는 그 순간, 어떤 일이 일어나는지까지 고민한 이야기.

Next.js에서 API 호출할 때, 꼭 axios여야 할까? 우리는 기본 fetch로 충분했고, 오히려 더 나았습니다.

“링크를 붙여넣으면 저장됩니다” 말은 쉽지만, 아무도 그걸 몰랐습니다. 그래서 우리는 버튼 하나를 꺼냈습니다.

북마크는 복잡하고, Notion은 귀찮았다. 결국 브라우저에 직접 기능을 넣기로 했다. React + MV3 기반 크롬 익스텐션 개발, 그 첫 기록.

NestJS에서 DB 트랜잭션을 자동으로 처리하고 싶었습니다. 서비스 전체에 공통 적용할 수 있는 구조를 직접 만들었습니다.