아티클 목록 - 데브캐치

아티클 목록

검색 결과 25

#FRONTEND
#FRONTEND

신세계백화점 PC 메인 React 전환기

신세계백화점 PC 메인페이지를 React로 성공 전환하여 유지보수성과 사용자 경험이 향상되었으며, Next.js와 React Query를 활용한 컴포넌트 개발, SSR과 인피...

SSG ·
#FRONTEND

Web Worker로 이미지 처리 최적화하기

올리브영의 SNS 콘텐츠 업로드에서 고화질 이미지 처리와 네트워크 업로드 성능 문제를 해결하기 위해 Web Worker와 OffscreenCanvas 도입으로 UI 반응성 확...

올리브영 ·
#FRONTEND

LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서

LY Corporation은 2024년에 웹 프런트엔드 개발자 342명을 대상으로 설문조사를 실시하여 React와 Vue.js가 주로 사용되고 있으며, Next.js와 Vit...

라인 ·
#FRONTEND

How to make your images in Markdown on GitHub adjust for dark mode and light mode

GitHub의 다크/라이트 모드에 맞춰 README 이미지가 자동으로 전환되도록 <picture> 태그와 media 쿼리를 활용하는 방법을 소개합니다. 이를 통해 사용자 환경...

깃허브 ·
#FRONTEND

당신의 CPU는 열심히 일하고 있나요?

LINE+에서 진행한 쿠버네티스 CPU 리소스 관리에 대한 연구에서는 백엔드(Spring 서버)와 프런트엔드(Node.js 서버)의 CPU 상한 설정을 제거한 후 성능 개선 ...

라인 ·
#FRONTEND

Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화

펫프렌즈 커머스개발팀은 Playwright를 활용하여 로그인 기반 페이지의 성능을 자동 측정하는 방법을 소개합니다. 이 과정에서는 Playwright로 로그인 세션을 유지한 ...

펫프렌즈 ·
#FRONTEND

[State of FE·JS Korea 2025] 설문조사 안내

네이버 프런트엔드 개발자 모임에서는 국내 개발자들이 사용하는 프런트엔드 및 자바스크립트 환경을 조사하기 위한 설문조사를 진행합니다. 이 조사는 기술 스택 선택에 도움을 주고,...

네이버 ·
#FRONTEND

토스 프론트엔드에 이력서 없이 리포지토리 링크로 지원하세요 (~4/30)

토스는 이력서 없이 GitHub 리포지토리 링크로 지원할 수 있는 새로운 전형을 도입했습니다. 지원자는 모듈화, 코드 품질, TypeScript 사용, 제품 완성도, 협업 능...

토스 ·
#FRONTEND

Vibe coding with GitHub Copilot: Agent mode and MCP support rolling out to all VS Code users

GitHub Copilot의 에이전트 모드가 Visual Studio Code에서 모든 사용자에게 제공되며, MCP 지원으로 도구와 서비스에 대한 더 많은 맥락을 제공합니다....

깃허브 ·
#FRONTEND

코드 품질 개선 기법 7편: 새것을 들일 때 옛것도 다시 살피자

코드 품질 향상을 위해 '새것을 들일 때 옛것도 다시 살피자'는 주제로 기존 코드의 속성 이름 변경을 강조합니다. 예를 들어, '닉네임'을 추가할 때 '로그인 이름'의 이름을...

라인 ·