올리브영 잡 챌린지! 프론트엔드 개발자로의 전환
올리브영 잡 챌린지를 통해 프론트엔드 직무로 전환한 경험과 W CARE 스쿼드에서의 실무 적응 과정을 공유했습니다. 구조도 작성, React 훅 활용, 컴포넌트 분리로 서비스 이해와 유지보수성을 높인 점이 핵심입니다.
#React#Next.js
18005분
새로운 기술 블로그가 추가되었어요
필터 0
B2B 물류 스쿼드 백오피스 프론트엔드 성능 개선
신규 백오피스의 SPA 성능 저하를 코드 스플리팅, Nginx 압축, 정적 캐싱으로 개선했습니다.\n브라우저 API 캐싱과 Vuex를 함께 사용해 로딩 시간과 중복 호출을 줄였습니다.
#Vuex#AWS
16005분
사용자 인식과 웹 성능 측정의 변화
Lighthouse의 주요 성능 지표와 Speed Index의 측정 방식, 그리고 SI 중요도 논란을 정리했습니다. SPA 확산과 모바일 환경 변화로 SI의 해석이 달라지고 있습니다.
#Lighthouse#웹 성능
26005분
React Hook Form
React Hook Form의 useForm 기본 사용법과 주요 기능을 정리했습니다. 또한 Controller, useController, useFieldArray, useFormContext 활용법도 함께 소개했습니다.
#React#React Hook Form
13005분
새 배송지 추가 form 개발하기
배송지 추가 form을 만들며 상태, Context, ref, React Hook Form을 비교했습니다. 최종적으로 재렌더링과 관리 복잡도를 줄이기 위해 React Hook Form을 선택했습니다.
#Next.js#React Hook Form
24005분
무엇을 찾으시나요? 검색창 개편 여정
검색창을 고객 탐색의 첫 관문으로 보고 추천 구조를 개편한 사례입니다. AB 테스트와 추천 모델 적용으로 클릭 성과와 전시 효율을 크게 높였습니다.
#검색#검색 추천
32005분
React-query 를 사용해 상태관리를 해보자
React-query 를 사용해 상태관리를 해보자
React Query를 상태관리 관점에서 소개하며 데이터 패칭과 캐싱, 동기화 장점을 정리했습니다. 또한 useQuery와 useMutation, staleTime과 cacheTime 활용 방법을 예시로 설명했습니다.
#React#state management
1005분
웹앱의 전환, Micro Frontends 아키텍처
Micro Frontends 아키텍처로 웹앱을 전환한 과정과 어려움을 공유했습니다. 독립 배포와 런타임 통합으로 스쿼드별 개발 리듬과 사용자 경험을 함께 개선했습니다.
#Micro Frontends#React
11005분
쏟아지는 사용자 입력 관리하기
다양한 사용자 입력을 분리하고 관리하는 방법을 소개했습니다. 입력 흐름을 체계적으로 다루는 관점을 공유했습니다.
13005분
신입 개발자의 실패를 위한 온보딩 여정
신입 개발자의 실패를 위한 온보딩 여정
플레이키보드 iOS 신입 개발자의 온보딩 과정을 소개했습니다. 데일리 퀴즈와 코드 분석, 실패를 전제로 한 도전과제가 실무 적응과 성장에 도움이 되었습니다.
#iOS#Swift
8005분
우리가 Android Compose를 택한 이유: 플레이키보드 이야기
우리가 Android Compose를 택한 이유: 플레이키보드 이야기
Compose를 택한 이유를 XML 대비 코드 감소와 재사용성 중심으로 설명했습니다. 버튼, 리스트, 디자인 시스템, 온보딩 화면 사례로 도입 효과를 보여주었습니다.
#Android#Jetpack Compose
9005분
모노레포 이렇게 좋은데 왜 안써요?
여러 레포지토리로 분산된 프론트엔드 서비스를 모노레포로 통합한 사례를 소개했습니다. 공통 컨벤션과 패키지 공유로 생산성과 유지보수성이 크게 향상되었습니다.
#모노레포#yarn
35005분