ChatGPT로 네이티브 지식없이 react-native-cookies 패키지 Android 버그 해결하기
React Native WebView 자동 로그인 구현 중 Android에서 `react-native-cookies` 버그를 해결한 사례입니다. 네이티브 지식 없이도 ChatGPT를 활용해 쿠키 연동 문제를 점검했습니다.
#React#Android
3400
프론트엔드 기술 블로그 최신 글
필터 0
Vue3, Composition API와 Pinia를 이용한 상태관리 (1)
Vue3 프로젝트에서 Composition API와 Pinia를 활용한 상태관리 경험을 공유했습니다. 인재풀 프로젝트 개편을 계기로 실무 적용 흐름과 도입 포인트를 정리했습니다.
#Vue.js#Pinia
2000
Code generator 개발기 (Part 1)
REST API와 TypeScript 타입을 수동 관리하며 생긴 불일치 문제를 분석했습니다. 기존 도구의 한계를 검토하고 OpenAPI 기반 생성기 목표를 정리했습니다.
#TypeScript#REST API
100
iOS에서 음성대화 서비스 구현하기 - WebRTC 기술의 활용
iOS에서 음성대화 서비스를 구현하기 위해 WebRTC를 활용한 사례를 소개합니다. 멘토링매치의 1:1 음성 상담 기능에 적용한 접근을 다룹니다.
#iOS#web
2600
코드 가독성을 높이는 젯브레인 계열 IDE 에디터 세팅과 플러그인 추천
젯브레인 계열 IDE에서 코드 가독성을 높이는 에디터 설정과 플러그인을 소개했습니다. 찾기 하이라이트, 변수 색상, 분리선, 인덴트 플러그인으로 코드 흐름을 더 쉽게 추적할 수 있습니다.
#IDE#플러그인
1300
MSW - 더 나이스한 목킹을 위한 고민
MSW를 활용해 브라우저와 Node 환경에서 API 목킹을 통합하는 방법을 정리했습니다. 개발 속도 차이와 테스트용 목업 중복 문제를 줄인 사례를 소개했습니다.
#MSW#React
2900
NEXT.JS의 이미지 최적화는 어떻게 동작하는가?
Next.js의 이미지 최적화가 요청 시점에 어떻게 동작하는지 정리했습니다. 캐시 재사용, 포맷 선택, sharp와 Squoosh 성능 차이까지 살펴봤습니다.
#Next.js#이미지 최적화
3800
상태 관리 라이브러리 Zustand
Zustand의 상태 관리가 클로저와 React의 external store 구독으로 동작하는 방식을 설명했습니다. 또한 tearing 문제와 useSyncExternalStore의 역할을 통해 내부 원리를 따라 만들어 보았습니다.
#zustand#React
3500
API 문서화, TS 타입만 있으면 해결! – Tspec
TypeScript 타입과 JSDoc만으로 API 문서와 OpenAPI Spec을 자동 생성하는 Tspec을 소개했습니다. 기존 코드 변경을 최소화하면서 문서화, 테스트, 최신화 부담을 줄이는 방법을 설명했습니다.
#TypeScript#REST API
3700
화면 성능 저하, 어떻게 개선할까?
배포 후 화면 성능 저하의 주요 원인과 개선 방법을 정리한 글입니다. 네트워크 속도, 정적 리소스 캐시, 이미지 최적화로 렌더링 속도를 높이는 방안을 소개했습니다.
#성능#cache
2700
Tuist 도입부터 적용까지 알려ZUM요! (feat. 모듈화)
Tuist 도입부터 적용까지 알려ZUM요! (feat. 모듈화)
Tuist를 이용해 iOS 프로젝트 생성과 모듈화를 체계화한 경험을 공유했습니다. 여러 차례 구조를 개선해 빌드 속도를 높이고 의존 관계를 정리했습니다.
#Tuist#iOS
2200
iOS ReactorKit 톺아보기
ReactorKit을 iOS 앱에 도입한 이유와 핵심 구조를 설명했습니다. 단방향 상태 흐름과 RxSwift 활용 팁으로 실무 적용 포인트를 정리했습니다.
#iOS#ReactorKit
2300
Next, d3로 서버 사이드 지도 렌더링하기
Next, d3로 서버 사이드 지도 렌더링하기
Next.js와 d3로 부동산 데이터 시각화 지도를 만들며 구조를 개선한 과정을 정리했습니다. 지도와 시각화 레이어를 분리하고 d3 의존을 줄여 서버 사이드 렌더링도 가능하게 했습니다.
#Next.js#d3
900
React JS + TypeScript로 영업 통계 페이지 개발한 경험
React JS와 TypeScript로 영업 통계 페이지를 개발한 경험을 공유했습니다. SD팀의 관련 프로젝트 흐름도 함께 언급했습니다.
#React#TypeScript
1400