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

필터 0
선택된 필터 없음
BackstopJS 적용 후기 (Visual Regression Test)
카카오엔터테인먼트FE
프론트엔드

BackstopJS 적용 후기 (Visual Regression Test)

BackstopJS를 스토리북 기반 시각적 회귀 테스트로 운영하며 사이드이펙트 탐지와 문서화를 함께 얻은 사례를 소개했습니다. 또한 PR 코멘트와 develop 머지 후 approve 자동화로 테스트 운영 부담을 줄였습니다.

#BackstopJS#Visual Regression Test
26005분
온라인몰 성능개선을 위한 FE 개발자의 고민 part-1
올리브영
프론트엔드

온라인몰 성능개선을 위한 FE 개발자의 고민 part-1

온라인몰 성능 개선을 위해 Infinite Scroll로 렌더링 범위를 줄인 사례를 다뤘습니다. 초기 로딩 속도와 스크롤 체감 성능이 개선됐습니다.

#React#성능
27005분
우리 애자일 해볼까? (with 라이브스쿼드)
올리브영
프론트엔드

우리 애자일 해볼까? (with 라이브스쿼드)

올리브영 라이브 스쿼드의 애자일 협업 방식과 역할 분담, 그리고 라이브관 개선 과정을 소개했습니다. Daily scrum과 회고를 유연하게 운영하며 사용자 편의와 피드백 반영을 강화하고 있습니다.

#agile#스크럼
36005분
카카오뱅크 iOS 플랫폼의 모듈화, 왜 필요했을까요?
카카오뱅크
프론트엔드

카카오뱅크 iOS 플랫폼의 모듈화, 왜 필요했을까요?

카카오뱅크 iOS 플랫폼에서 개발 리소스 부족과 빌드 시간 증가를 해결하기 위해 모듈화를 도입한 배경과 과정을 다뤘습니다. 모듈화로 얻은 교훈과 적용 포인트를 함께 공유했습니다.

#iOS#module
24005분
Retool을 활용한 로그 데이터 시각화
더핑크퐁컴퍼니
프론트엔드

Retool을 활용한 로그 데이터 시각화

Retool로 Snowflake와 GraphQL 기반 로그 시각화 대시보드를 구축한 과정을 소개했습니다. Kibana와 Tableau의 한계를 보완하며 빠른 개발과 커스텀 기능을 확보했습니다.

#Retool#logging
18005분
npm 패키지 배포 가이드
무스마
프론트엔드

npm 패키지 배포 가이드

npm scoped 패키지 배포와 로컬 테스트, public 배포 절차를 정리했습니다. TypeScript 타입 지원을 위해 .d.ts 생성과 package.json 설정도 함께 다뤘습니다.

#npm#TypeScript
0005분
Moshi, Moshi~ 직렬화를 원하신다구요?
IMQA
프론트엔드

Moshi, Moshi~ 직렬화를 원하신다구요?

Moshi의 기본 개념과 JSON 직렬화·역직렬화 흐름, 장단점을 정리했습니다. GSON과의 차이와 Kotlin CodeGen 기능도 함께 살펴보았습니다.

#Moshi#GSON
23005분
[Flutter] 설치하기
무스마
프론트엔드

[Flutter] 설치하기

Flutter를 맥북 환경에서 설치하고 개발 준비를 마치는 과정을 정리했습니다. Android와 iOS 개발에 필요한 도구와 점검 방법을 함께 소개했습니다.

#Flutter#Android
0005분
아이콘을 텍스트 가운데로 정렬하기(Jetpack Compose)
PRND
프론트엔드

아이콘을 텍스트 가운데로 정렬하기(Jetpack Compose)

Jetpack Compose에서 텍스트 길이에 따라 아이콘 위치를 유연하게 정렬하는 방법을 소개했습니다. TextLayoutResult와 커스텀 Alignment로 하드코딩 없이 대응했습니다.

#Jetpack Compose#Android
25005분
프론트엔드 테스트 자동화 전략 - 4. 테스트 환경 구성
카카오스타일
프론트엔드

프론트엔드 테스트 자동화 전략 - 4. 테스트 환경 구성

프론트엔드 테스트 자동화 전략의 연장선에서 테스트 실행 환경 구성 방법을 다뤘습니다. 설정 파일 중심으로 실제 구성 시 참고할 매뉴얼형 내용입니다.

#test#자동화
23005분
프론트엔드 테스트 자동화 전략 - 3. 구현하기
카카오스타일
프론트엔드

프론트엔드 테스트 자동화 전략 - 3. 구현하기

프론트엔드 테스트 자동화 전략에서 테스트 케이스를 바탕으로 테스트 코드를 구현하는 방법을 다룹니다. 요구사항 분석 결과를 실제 코드로 옮기는 흐름을 설명합니다.

#test#자동화
28005분
프론트엔드 테스트 자동화 전략 - 2. 요구사항 분석
카카오스타일
프론트엔드

프론트엔드 테스트 자동화 전략 - 2. 요구사항 분석

프론트엔드 테스트 자동화를 시작할 때의 어려움과 진입 장벽을 정리했습니다. 프로젝트 상황에 맞는 테스트 작성 방법을 고민한 글입니다.

#test#자동화
20005분