새로운 기술 블로그가 추가되었어요

필터 0
선택된 필터 없음
마이리얼트립 SSR 최적화
마이리얼트립
프론트엔드

마이리얼트립 SSR 최적화

SSR 도입 후 발생한 중복 API 호출과 성능 저하의 원인을 분석하고 구조를 개선한 사례를 다뤘습니다. queryKey 통일, 캐시 설정, 메서드 선택으로 FCP와 LCP를 크게 개선했습니다.

#Next.js#React
65005분
『공간데이터 시각화 플랫폼』 개발의 시작부터 끝까지, 프론트엔드 개발자의 여정
현대자동차그룹
프론트엔드

『공간데이터 시각화 플랫폼』 개발의 시작부터 끝까지, 프론트엔드 개발자의 여정

공간데이터 시각화 플랫폼 개발 여정을 프론트엔드 개발자 관점에서 소개한 글입니다. 제목과 발췌상 프로젝트 개요와 팀 맥락을 전하는 내용입니다.

#시각화#플랫폼
132005분
Web Worker로 이미지 처리 최적화하기
올리브영
프론트엔드

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

모바일 이미지 처리에서 메인 스레드 부하와 메모리 과다 사용 문제를 분석했습니다. Web Worker와 OffscreenCanvas로 전처리를 분리해 반응성과 처리 시간을 개선했습니다.

#Web Worker#OffscreenCanvas
308005분
웹 QA의 모든 것: 실전 검증 노하우와 Cypress 자동화
데보션
프론트엔드

웹 QA의 모든 것: 실전 검증 노하우와 Cypress 자동화

다양한 기기와 브라우저 조합에서 발생하는 웹 QA 이슈와 대응 노하우를 정리했습니다. Cypress를 활용해 반복 검증을 자동화하고 커버리지를 넓히는 방법도 소개했습니다.

#Cypress#QA
74005분
LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서
라인
프론트엔드

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

LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.

#JavaScript#React
118005분
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 2부: 개발 편
우아한 형제들
프론트엔드

디자인 생산성을 높이는 피그마 플러그인을 만들어보자 2부: 개발 편

피그마 플러그인으로 실제 데이터를 디자인 시안에 적용하는 구조와 구현 과정을 정리했습니다. 샌드박스, CORS, 라우팅 제약을 우회한 방법과 로그 수집 개선 사례도 소개했습니다.

#Figma#React
80005분
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편
우아한 형제들
프론트엔드

디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편

UT용 프로토타입 데이터 입력의 반복 작업과 리소스 탐색 비효율을 줄이기 위해 피그마 플러그인 데이터브릿지를 만들었습니다. 실제 데이터 적용과 기능 단순화로 작업 시간을 크게 줄이고 인터뷰 몰입도를 높였습니다.

#Figma#UI/UX
86005분
Android 단말의 위치 데이터 활용: NLP 위치 제공자 특성 및 고려사항
삼성
프론트엔드

Android 단말의 위치 데이터 활용: NLP 위치 제공자 특성 및 고려사항

Android 단말의 위치 데이터 활용과 NLP 위치 제공자 특성을 다루는 글입니다. 본문이 일부만 보여 세부 내용은 확인되지 않았습니다.

#Android#NLP
0005분
코드 한 줄로 경험하는 React 동시성의 마법
리멤버
프론트엔드

코드 한 줄로 경험하는 React 동시성의 마법

React 18 동시성 렌더링과 Lane 모델로 입력 지연 문제를 줄이는 방법을 설명했습니다. useTransition과 useDeferredValue를 통해 무거운 렌더링을 분리한 실제 적용 사례도 소개했습니다.

#React#동시성
263005분
Kotlin으로 iOS까지? 이게 되네… 되긴 해요!
데보션
프론트엔드

Kotlin으로 iOS까지? 이게 되네… 되긴 해요!

Kotlin Multiplatform으로 Android와 iOS의 비즈니스 로직을 공유하는 구조를 소개했습니다. 플랫폼별 UI는 유지하면서 공통 모듈과 expect/actual, Ktor, SKIE로 연동하는 흐름을 설명했습니다.

#Kotlin#iOS
76005분
11키티즈 게임에서 XState를 선택한 이유
11번가
프론트엔드

11키티즈 게임에서 XState를 선택한 이유

11키티즈 게임에서 XState를 선택한 이유를 상태 관리와 자동 진행 관점에서 설명했습니다. 복잡한 게임 로직을 명확하게 분리하고 유지보수성을 높이는 점을 강조했습니다.

#XState#React
41005분
의존성 그래프를 활용한 프로젝트 시각화 — 사이드 이펙트 한눈에 파악하기
당근마켓
프론트엔드

의존성 그래프를 활용한 프로젝트 시각화 — 사이드 이펙트 한눈에 파악하기

의존성 그래프로 프로젝트를 시각화해 코드 파악 시간을 줄인 사례를 소개했습니다.\n파일 영향 범위와 사이드 이펙트를 빠르게 확인하는 실무 활용법을 정리했습니다.

#검색#JavaScript
262005분