프론트엔드 아티클

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

아임웹

필터 0

선택된 필터 없음

Next, d3로 서버 사이드 지도 렌더링하기

2023년 5월 18일

프론트엔드

Next, d3로 서버 사이드 지도 렌더링하기

Next.js와 d3로 부동산 데이터 시각화 지도를 만들며 구조를 개선한 과정을 정리했습니다. 지도와 시각화 레이어를 분리하고 d3 의존을 줄여 서버 사이드 렌더링도 가능하게 했습니다.

React JS + TypeScript로 영업 통계 페이지 개발한 경험

React JS와 TypeScript로 영업 통계 페이지를 개발한 경험을 공유했습니다. SD팀의 관련 프로젝트 흐름도 함께 언급했습니다.

Android 소스 난독화, 꼭 필요한 걸까?

Android 앱 소스 난독화의 개념과 필요성, 그리고 대표 라이브러리의 특징을 정리한 글입니다. 난독화 적용 시 보안은 높아지지만 동작 검증과 QA도 함께 필요하다고 설명했습니다.

뷰티컬리에서 <나의 컬리 스타일>이 갖는 의미

뷰티컬리의 <나의 컬리 스타일>은 사용자를 더 잘 이해해 맞춤 추천을 강화하기 위한 프로필 기능으로 소개했습니다. 첫 진입과 재방문에 따라 화면 구조를 다르게 설계하고, 동의 프로세스는 협업과 실험으로 개선했습니다.

주문소요시간을 줄여보자

주문소요시간을 줄이기 위해 결제 동선과 UI를 줄인 사례를 소개했습니다. 고객 행동 데이터를 바탕으로 불필요한 선택과 얼럿을 제거해 결제 속도를 개선했습니다.

코어 웹 바이탈 LCP 개선을 통한 검색 엔진 최적화(SEO) Part 1: Google Search Console, Next.js

코어 웹 바이탈 중 LCP 개선을 통해 SEO와 자연 유입을 높이려는 글입니다. Google Search Console과 Next.js를 중심으로 성능 개선 맥락을 다룹니다.

덴티움은 상태관리를 어떻게 하고 있을까요?

덴티움의 상태관리가 MobX를 활용한다는 내용을 소개했습니다. 상태관리 방식에 대한 간단한 안내로 볼 수 있습니다.

#MobX

13005분

문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2

2023년 4월 21일

프론트엔드

문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2

Next.js에서 컴포넌트 내부 CSS 임포트와 브라우저 캐시가 겹치며 CORS 에러가 발생했습니다. 전역 임포트 또는 `crossOrigin` 설정으로 문제를 해결했습니다.

#Next.js#React

15005분

문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 1

2023년 4월 20일

프론트엔드

문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 1

정주행 모드 초기화와 CORS 에러를 함께 겪은 문제를 재현 조건과 코드 구조를 따라가며 분석했습니다.\n조건부 require를 전역 import로 단순화해 증상을 해결하고 원인 추적의 방향을 잡았습니다.

뷰티 필터를 개발하며 얻은 새로운 경험

뷰티 필터 프로젝트에서 React Query로 서버 상태 관리를 전환하고 필터 경험을 웹으로 확장했습니다. 고객 탐색 경험 개선과 API 호출 감소, 팀 문화 강화까지 이어졌습니다.

우당탕탕 beauty 풀한, 컬리 앱 서비스 런칭기

컬리 앱에서 뷰티 컬리 런칭 과정과 전환 구조 개선 사례를 공유했습니다. 초기 오픈과 이후 전환율 개선까지 협업과 데이터 기반 대응이 중심이었습니다.

View Transitions API

View Transitions API로 웹 화면 전환을 외부 라이브러리 없이 쉽게 구현하는 방법을 소개했습니다. 상태 변경과 트랜지션 제어를 단순화하고, 세부 애니메이션 확장 예시까지 함께 설명했습니다.

#React#CSS

24005분