사운드 리소스 전달 WebApp 만들기
사운드 리소스 전달용 WebApp Sonic을 단순한 설계 원칙으로 구현한 사례를 소개했습니다.\nNext.js, S3, git을 조합해 버전 관리와 동기화를 처리하고 복잡한 기능은 최소화했습니다.
#Next.js#AWS
20005분
새로운 기술 블로그가 추가되었어요
필터 0
ChatGPT로 네이티브 지식없이 react-native-cookies 패키지 Android 버그 해결하기
React Native WebView 자동 로그인 구현 중 Android에서 `react-native-cookies` 버그를 해결한 사례입니다. 네이티브 지식 없이도 ChatGPT를 활용해 쿠키 연동 문제를 점검했습니다.
#React#Android
25005분
Vue3, Composition API와 Pinia를 이용한 상태관리 (1)
Vue3 프로젝트에서 Composition API와 Pinia를 활용한 상태관리 경험을 공유했습니다. 인재풀 프로젝트 개편을 계기로 실무 적용 흐름과 도입 포인트를 정리했습니다.
#Vue.js#Pinia
14005분
iOS에서 음성대화 서비스 구현하기 - WebRTC 기술의 활용
iOS에서 음성대화 서비스를 구현하기 위해 WebRTC를 활용한 사례를 소개합니다. 멘토링매치의 1:1 음성 상담 기능에 적용한 접근을 다룹니다.
#iOS#web
22005분
코드 가독성을 높이는 젯브레인 계열 IDE 에디터 세팅과 플러그인 추천
젯브레인 계열 IDE에서 코드 가독성을 높이는 에디터 설정과 플러그인을 소개했습니다.\n찾기 하이라이트, 변수 색상, 분리선, 인덴트 플러그인으로 코드 흐름을 더 쉽게 추적할 수 있습니다.
#IDE#플러그인
11005분
MSW - 더 나이스한 목킹을 위한 고민
MSW를 활용해 브라우저와 Node 환경에서 API 목킹을 통합하는 방법을 정리했습니다. 개발 속도 차이와 테스트용 목업 중복 문제를 줄인 사례를 소개했습니다.
#MSW#React
23005분
NEXT.JS의 이미지 최적화는 어떻게 동작하는가?
Next.js의 이미지 최적화가 요청 시점에 어떻게 동작하는지 정리했습니다. 캐시 재사용, 포맷 선택, sharp와 Squoosh 성능 차이까지 살펴봤습니다.
#Next.js#이미지 최적화
30005분
상태 관리 라이브러리 Zustand
Zustand의 상태 관리가 클로저와 React의 external store 구독으로 동작하는 방식을 설명했습니다. 또한 tearing 문제와 useSyncExternalStore의 역할을 통해 내부 원리를 따라 만들어 보았습니다.
#Zustand#React
25005분
API 문서화, TS 타입만 있으면 해결! – Tspec
TypeScript 타입과 JSDoc만으로 API 문서와 OpenAPI Spec을 자동 생성하는 Tspec을 소개했습니다. 기존 코드 변경을 최소화하면서 문서화, 테스트, 최신화 부담을 줄이는 방법을 설명했습니다.
#TypeScript#REST API
31005분
화면 성능 저하, 어떻게 개선할까?
배포 후 화면 성능 저하의 주요 원인과 개선 방법을 정리한 글입니다. 네트워크 속도, 정적 리소스 캐시, 이미지 최적화로 렌더링 속도를 높이는 방안을 소개했습니다.
#성능#cache
25005분
Tuist 도입부터 적용까지 알려ZUM요! (feat. 모듈화)
Tuist 도입부터 적용까지 알려ZUM요! (feat. 모듈화)
Tuist를 이용해 iOS 프로젝트 생성과 모듈화를 체계화한 경험을 공유했습니다. 여러 차례 구조를 개선해 빌드 속도를 높이고 의존 관계를 정리했습니다.
#Tuist#iOS
0005분
iOS ReactorKit 톺아보기
ReactorKit을 iOS 앱에 도입한 이유와 핵심 구조를 설명했습니다. 단방향 상태 흐름과 RxSwift 활용 팁으로 실무 적용 포인트를 정리했습니다.
#iOS#ReactorKit
11005분