프론트엔드 아티클

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

아임웹

필터 0

선택된 필터 없음

2024년 7월 31일

프론트엔드

디자인 도구 Penpot(펜팟) 설치부터 활용까지

Penpot을 Windows WSL2와 Docker Desktop으로 셀프 호스팅하는 방법과 GitLab 연동, 라이브러리 활용 목업 작업을 소개했습니다. 자체 호스팅의 장점과 함께 한글 입력 버그, 성능 제약도 함께 짚었습니다.

B마트 테마관 개선기 : 오픈이 끝? No. 함께하는 동료들과 프로덕트 꾸준히 발전시키기

B마트 테마관을 오픈 후에도 데이터와 리서치로 계속 개선한 과정을 소개했습니다. 협업과 단계적 적용을 통해 탐색 편의성과 구매 전환을 높인 사례입니다.

Fail률 감소 목표 집요하게 달성하기 — Android UI 자동화

Android UI 자동화의 높은 실패율 원인으로 UI 변경, 웹뷰 핸들러 문제, CI 실행 차이를 짚었습니다. 시나리오 분리와 재실행, 대기 코드 보강으로 실패율을 크게 낮춘 개선 과정을 공유했습니다.

29CM QA팀은 어떻게 테스트 자동화 지표를 활용하여 신뢰성을 확보할 수 있었을까?

App 테스트 자동화의 흔들리는 신뢰성을 정량 지표로 관리하며 개선했습니다. PostgreSQL과 Grafana로 Fail률과 수행시간을 추적해 근본 원인을 찾아 해결했습니다.

SEO 톺아보기 – 정말 SSR이 SEO에 좋을까?

SSR이 SEO에 유리한 이유를 크롤링·인덱싱·랭킹 관점에서 설명했습니다. 다만 서비스 성격과 검색 엔진 특성에 따라 CSR도 충분할 수 있으며, SEO는 렌더링 방식 외 요소까지 함께 봐야 합니다.

업무용 툴, 내 동료가 정말 만족했나요?

테이블센터의 검색과 탐색 경험을 10개월간 지표 기반으로 개선한 사례를 소개했습니다. 검색 속도와 만족도를 크게 높이고, 빠른 UT로 기능 방향을 검증했습니다.

테크니컬 라이팅으로 시작해보는 기술블로그 작성법

기술 블로그를 쉽게 쓰기 위한 테크니컬 라이팅 원칙과 작성 순서를 정리했습니다. 목적과 독자를 먼저 정하고 구조화, 초안, 검토를 반복하라고 제안했습니다.

#iOS#technical writing

33005분

Custom Style System 구축하기

2024년 7월 18일

프론트엔드

Custom Style System 구축하기

styled-components 기반 프로젝트에서 반복되는 레이아웃 스타일을 줄이기 위해 Custom Style System을 구축했습니다. props 매핑과 반응형 인터페이스로 VStack, HStack 같은 재사용 컴포넌트를 만들었습니다.

#styled-components#CSS-in-JS

23005분

2024년 7월 18일

프론트엔드

강력한 시각화 툴로 자리잡은 피그마 - 필수기능

피그마의 필수 기능을 소개하는 글의 제목과 연장 맥락만 확인됩니다. 제공된 발췌만으로는 핵심 내용을 충분히 파악하기 어렵습니다.

jcenter, 이제 문 닫습니다

Android 개발 중 jcenter의 경고 문구를 확인한 뒤 종료 소식을 주제로 다뤘습니다. 경고를 계기로 관련 이슈에 대한 궁금증을 소개했습니다.

누가 내 쿠키를 먹었을까?

iOS 웹뷰에서 백그라운드 복귀 시 세션쿠키가 사라지는 문제를 분석했습니다. 지속쿠키로 전환해 이슈를 크게 줄였습니다.

파일 변수 Deep-Dive

웹 서비스 규모가 커지며 Redux 전역 관리의 한계를 줄이기 위해 상태를 유형별로 분리한 사례를 소개했습니다. 추적이 불필요한 값은 파일 변수로 관리하고, SSG와 하드 네비게이션 제약도 함께 설명했습니다.

#Redux#Zustand

18005분