CSR 글로벌 서비스 개발과 최적화
올초 시작한 프로젝트가 성공적으로 배포되고 유입도 순조롭게 늘고 있다. 이 프로젝트는 여러 이유로 초기 개발 검토 과정에서 기존 스택을 버리고 CSR 을 사용하여 개발했고 특히 Client-side Rendering에 많은 영감을 받았다. 저 글은 이 글에서 자주 언급...
Open WebUI - MCP fetch 체험기MCP는 Anthropic이 24년 11월 공개한 오픈소스 프로토콜이다. AI모델이 외부 도구를 사용하는 개념은 이전에도 있었지만, 개방적인 설계로 커뮤니티 참여를 유도하여 현 시점 꽤 핫한 기술이 되었다.당장 실무에 도움이 되지 않더라도, 트렌드는 파악해야겠다 싶어 ...
Next.js에서 img태그 사용 시 주의사항최근 담당한 서비스의 CWV개선작업 중 이상한 현상을 발견했다. 페이지에 <img>태그를 사용하면 이미지가 강제로 preload처리되는 현상이었다. CWV개선을 위해서는 리소스의 우선순위 최적화가 필수인데. 위의 현상때문에 주요 리소스의 로드를 방해하도록 html이 렌...
Image Decoding페이지에 고해상도 이미지를 출력할 때 img요소는 본문에 삽입되었지만, 이미지가 바로 보이지 않고 잠시 후에 출력되는 현상을 본 적 있을 것이다.이는 이미지 다운로드가 완료되었지만, 아직 디코딩이 되기 전이라 페이지에 나타나지 않는 현상이다.요소 추가와 동시에 이미지가...
웹 성능 관점에서 본 AstroXMLHttpRequest기반 RIA의 개발부터. Selective Hydration을 구현하고 있는 웹 기술의 변천사를 하나하나 돌이켜 보다 보면. 어떻게 이런 생각까지 할 수 있을까라는 생각으로 자연스럽게 흘러 가게 된다.웹 기술의 변화를 이끄는 조직은 수도 없겠지...