React14 모바일 iframe Pinch-zoom에 대한 심층 분석과 해결 방안 모바일 iframe Pinch-zoom에 대한 심층 분석과 해결 방안 서문 안녕하세요 채용 사이트 잡다에서 모바일 프론트 개발하고 있는 남준영입니다. 오늘은 최근 웹 개발 분야에서는 사용자의 경험을 향상시키기 위해 다양한 기술이 도입되고 있습니다. 그 중 하나가 웹페이지 내에서의 핀치 줌(Pinch Zoom) 기능입니다. 특히, 모바일 환경에서 웹 콘텐츠를 보다 편리하게 탐색할 수 있게 해주는 이 기능은 사용자 만족도를 크게 높여줍니다. 본 글에서는 특히 iframe 내에서의 핀치 줌 적용 과정에서 발생한 문제와 그에 대한 해결 방안에 대해 심층적으로 분석해보겠습니다. 본론 기존 시스템의 문제점 우선, 기존에 사용되던 시스템에서는 이미지나 일반 텍스트 데이터는 문제없이 처리되었지만, 새롭게 추가된 Job.. 2024. 3. 25. SSE(Server-Sent-Event) 서비스에 적용하기 SSE(Server-Sent-Event) 서비스에 적용하기 JOBDA 모바일 Web/APP 서비스 FE 개발하고 있습니다. SSE를 서비스에 적용한 과정을 공유드리고자 합니다. 잡다(JOBDA)에서 가장 많이 호출되고 리소스가 발생하는 API (GET /notification/v2)는 각 User의 알림 메세지를 조회하는데 사용되고 있습니다. 사용하고 있던 종 모양 Header 해당 부분에서 새로운 메세지가 왔을때 New 표시를 해줘야 하는 기능이 있었는데 이 때문에 매번 30초 간격으로 API를 호출하거나 페이지가 reload, 이동시 리렌더링 문제로 API 리소스 낭비가 일어나고 있었습니다. (PC, MO 프론트 모두 30 초 간격으로 계속 서버에 API를 호출하고 있었습니다.) 최근 9/27일자 기.. 2023. 12. 1. Android target33으로 변경 및 Push Notification 권한 추가 Android 13 / target 33 업데이트 및 알림 설정 Plugin 작업, Permission Setting 추가 개요 안드로이드 13 이상 (TargetSdk 33) 부터 알림이 자동으로 거부되며 알림 허용 권한을 추가하려면 targetSdk의 버전을 33으로 올려야만 했습니다. 안드로이드 자체적으로도 33으로 올리지 않는다면 더이상 업데이트를 해주지 않겠다고 협박(?)을 당했기에 작업을 시작하게 되었습니다. targetSdkVersion 33 변경 기존에 target이 30이었기 때문에 30 → 31로 변경됐을때 변경된 부분과, 33으로 올렸을때 변경해야 되는 부분을 확인해야 합니다. target 30 → target 31 아래는 30에서 31로 변경됐을때 변경되는 작업들입니다. JOBDA .. 2023. 12. 1. TDD란? React Testing Library 사용법 TDD 왜 TDD를 해야 할까? 테스트 코드가 없는 프로젝트의 경우 무엇을 개발해야 하는지 명확히 모른채 개발을 하게 되며 추후 코드 변경에 따른 버그를 예측할 수 없다. TDD란? TDD는 문제를 먼저 정의한 후 문제의 해답을 찾아가는 방식이다. 실패(Red), 성공(Green), 리팩토링(Refactoring) 이라 불리는 3단계를 반복한다. 실패: 문제 정의 단계로, 테스트 코드를 실제 코드보다 먼저 작성 성공: 문제 해결 단계로, 테스트를 통과할 수 있는 최소한의 코드를 작성 리팩토링: 불필요하고 비효율 적인 코드를 개선 문제 정의를 위한 Tip (뱅크샐러드 - 테크 스펙) 뱅크샐러드의 특별한 스펙, '테크 스펙' | 뱅크샐러드 테스트 범주 테스트 코드는 내가 만든 기능의 주요 핵심이 무엇인지 파.. 2022. 4. 25. 이전 1 2 3 4 다음
