웹에서 애니메이션을 만들다 보면 “어떤 애니메이션은 왜 부드럽고, 어떤 건 버벅이지?”라는 궁금증이 생길 때가 있다. 그리고 약간 복잡한 애니메이션을 재생할 때 'will-change'라는 css속성을 넣으면 좀 빨라진다는 조언을 들은 적이 있는가? 나는 있다.. 클로드가 여러번 제안해주더라..일단 will-change가 GPU 활성화를 시키는 속성이라고만

들어가며..최근 회사에서 내 리소스는 Blai 개발에 120% 쓰이고 있었고, ANTTIME은 솔직히 방치되어 있었다. 토큰스왑 페이지만 간간히 개선하고 본 앱은 업데이트 거리가 별로 없었기 때문이다. 그러다가 지지난주에 본 앱에 유지보수성 업데이트로 React Native 버전업을 진행하게 되었고, 이 업데이트로 RN New Architecture와 새로

들어가며SEO(검색 엔진 최적화)의 중요성은 그 어느때보다 강조되고 있다. React에서 Next.js로 기술스택을 이전하는 주요한 이유도 SEO일테다. 하지만 막상 SEO를 제대로 관리구현하려면 "뭘 어떻게 설정해야 하지?"라는 막연함이 있다. 이 글에서는 실제 운영 중인 Nex layout.tsxt.js 프로젝트의 SEO 설정을 A부터 Z까지 뜯어보며,

문제: 아래 Routes에서 DynamicRoutes를 엘레강스하게 추출하려면?import { Equal, Expect } from '../../helper'; type Routes = '/users' | '/users/:id' | '/products' | '/products/:id'; type DynamicRoutes = unknown; type t

문제:이 블로그 About페이지에서 내 전화번호는 로그인 후 확인할 수 있게 해놓았다. 그런데 로그인해도 전화번호가 안 보인다.. (개발 환경에선 제대로 로드된다.)로그인 안 해도 페이지 접근은 되나 로그인 하면 보안 처리된 정보를 볼 수 있는 페이지를 만드는 방법:1. HttpOnly를 쓰는 경우, 서버 컴포넌트에서 acc