프론트엔드 기술 블로그 최신 글

NEW FEATURE

기술을 읽던 곳에서, 다음 기회를 만나세요.

채용 검색부터 관심사 기반 추천, 내 적합도까지.

필터 0
선택된 필터 없음
이구위크 회고
29cm
프론트엔드

이구위크 회고

29CM 이구위크의 프론트엔드 구현과 회고를 정리했습니다. 공통 컴포넌트로 큐레이션을 빠르게 만들고 배너 개선, QA, 협업 문서화로 운영 효율을 높였습니다.

#React#컴포넌트
13700
에이닷 음악 서비스를 자동차 안으로, Android Auto 개발 노트
데보션
프론트엔드

에이닷 음악 서비스를 자동차 안으로, Android Auto 개발 노트

에이닷 음악 서비스를 Android Auto에 연동한 개발 과정을 정리했습니다. MediaBrowserServiceCompat, MediaSessionCompat, AudioFocus, DHU 테스트를 함께 다뤘습니다.

#Android Auto#Android
8900
Promise 로 비동기 프로그래밍을 다뤄보자
베스핀글로벌
프론트엔드

Promise 로 비동기 프로그래밍을 다뤄보자

JavaScript 비동기 처리에서 Promise의 개념과 상태 흐름을 소개했습니다. 콜백 중첩을 줄이고 가독성을 높이는 활용법도 함께 설명했습니다.

#JavaScript#비동기
2000
웹 성능 최적화를 위한 Web Vitals 알아보기
한글과컴퓨터
프론트엔드

웹 성능 최적화를 위한 Web Vitals 알아보기

웹 성능 최적화가 UX, SEO, 전환율에 미치는 중요성을 설명했습니다. Core Web Vitals의 주요 지표와 측정 도구, 데이터 활용 방법도 함께 정리했습니다.

#웹 성능#Web Vitals
13000
Promise 로 비동기 프로그래밍을 다뤄보자
베스핀글로벌
프론트엔드

Promise 로 비동기 프로그래밍을 다뤄보자

JavaScript 비동기 처리를 위해 Promise의 개념과 상태, `then`과 `catch` 흐름을 설명했습니다. 콜백 기반 ajax 코드를 Promise로 바꾸는 활용 방식도 소개했습니다.

#JavaScript#비동기
13400
Digital assistant app, 간단히 만들어보기
데보션
프론트엔드

Digital assistant app, 간단히 만들어보기

Android VoiceInteractionService를 기반으로 디지털 어시스턴트 앱의 구성과 동작 흐름을 설명했습니다.세션 생성, 화면 정보 수집, 스크린샷 분석을 통해 맞춤형 지원을 제공하는 방법을 다뤘습니다.

#Android#VoiceInteractionService
7000
타입 안전한 API 모킹으로 프론트엔드 생산성 높이기
우아한 형제들
프론트엔드

타입 안전한 API 모킹으로 프론트엔드 생산성 높이기

JSON 모킹의 스펙 변경 대응 한계를 줄이기 위해 TypeScript 기반 타입 안전 모킹을 도입했습니다. 공통 베이스 파일과 시나리오 변형 구조로 유지보수성과 생산성을 높였습니다.

#TypeScript#MSW
4200
Jetpack Compose로 접근성 최적화하기
데보션
프론트엔드

Jetpack Compose로 접근성 최적화하기

Jetpack Compose에서 semantics와 포커스 제어로 접근성을 높이는 방법을 정리했습니다. TalkBack 사용성을 개선하는 실무 팁과 비동기 콘텐츠 알림 방법도 함께 다뤘습니다.

#Jetpack Compose#Android
8000
User-Agent vs. Feature Detection: 무엇을 언제 어떻게 써야 할까?
데보션
프론트엔드

User-Agent vs. Feature Detection: 무엇을 언제 어떻게 써야 할까?

브라우저와 기기 환경에 따른 기능 제공 방식으로 User-Agent Sniffing과 Feature Detection을 비교했습니다. 기본적으로는 Feature Detection을 우선하고, 필요할 때만 User-Agent 계열 정보를 제한적으로 활용하는 방향을 권장했습니다.

#User-Agent#Feature Detection
12400
인도인들은 대출을 어떻게 신청할까?
밸런스히어로
프론트엔드

인도인들은 대출을 어떻게 신청할까?

인도 대출 신청 퍼널을 현지 고객 관찰과 테스트로 개선한 사례를 소개했습니다. 아이콘과 힌디어·영어 병기로 이해도를 높여 이탈률을 크게 줄였습니다.

#UI/UX#검색
900
단 한 줄로 전환하는 다크 테마 - Variables 기반 디자인 토큰 자동화
라포랩스
프론트엔드

단 한 줄로 전환하는 다크 테마 - Variables 기반 디자인 토큰 자동화

Figma Variables와 CSS Variables를 연결해 디자인 토큰을 자동화한 사례를 소개했습니다. data-theme 속성만으로 다크 테마와 브랜드 테마를 단순 전환하도록 구성했습니다.

#Figma#CSS
2100
FE News 25년 5월 소식을 전해드립니다!
네이버 D2
프론트엔드

FE News 25년 5월 소식을 전해드립니다!

FE 뉴스 25년 5월 소식과 주요 프론트엔드 기술 동향을 소개했습니다. React Compiler RC, 최신 JavaScript 기능, LLM-first Web Framework 사례를 함께 다뤘습니다.

#React#JavaScript
30000
디자이너가 48시간만에 만든 Figma Plugin
라포랩스
프론트엔드

디자이너가 48시간만에 만든 Figma Plugin

디자이너가 Cursor AI로 Figma 플러그인을 만들어 애셋 배포 검수 비효율을 줄였습니다. 이틀 만에 완성해 배포 실패를 사전 차단했고 실무 효과도 확인했습니다.

#Figma#Cursor
4100
소프트웨어 접근성과 한컴오피스
한글과컴퓨터
프론트엔드

소프트웨어 접근성과 한컴오피스

접근성의 개념과 국내외 기준, OS별 프레임워크를 정리하고 한컴오피스의 접근성 지원 기능을 소개했습니다. 스크린리더 연동과 문서 접근성 개선 방향도 함께 살펴보았습니다.

#접근성#WCAG
4900