전체 글225 Pipeline 작업으로 Auto merge 빌드에 추가하기 (git flow) Pipeline Auto merge 빌드 추가하기 (git flow) 서론 안녕하세요, 마이다스인에서 인재 채용 플랫폼 잡다의 웹 프론트엔드 개발을 담당하고 있는 남준영입니다. ATS 프로젝트 팀에 합류한 후, 저희는 실제 작업 환경에서 git flow 정책을 적용하며 여러 경험을 쌓아왔습니다. 이 글에서는 git flow의 개념부터, 저희 프로젝트에서의 적용 사례, 그리고 최근에 추가한 Bitbucket Pipeline 자동 병합(Auto merge) 단계에 대해 자세히 설명해보려 합니다. 특히, 개발 프로세스의 자동화에 관심이 많으신 분들에게 이 내용이 도움이 될 것으로 기대합니다. git flow란? Git Flow는 소프트웨어 개발 프로젝트에서 사용되는 Git 버전 관리 시스템의 한 분기 관리 전.. 2024. 3. 25. 모바일 iframe Pinch-zoom에 대한 심층 분석과 해결 방안 모바일 iframe Pinch-zoom에 대한 심층 분석과 해결 방안 서문 안녕하세요 채용 사이트 잡다에서 모바일 프론트 개발하고 있는 남준영입니다. 오늘은 최근 웹 개발 분야에서는 사용자의 경험을 향상시키기 위해 다양한 기술이 도입되고 있습니다. 그 중 하나가 웹페이지 내에서의 핀치 줌(Pinch Zoom) 기능입니다. 특히, 모바일 환경에서 웹 콘텐츠를 보다 편리하게 탐색할 수 있게 해주는 이 기능은 사용자 만족도를 크게 높여줍니다. 본 글에서는 특히 iframe 내에서의 핀치 줌 적용 과정에서 발생한 문제와 그에 대한 해결 방안에 대해 심층적으로 분석해보겠습니다. 본론 기존 시스템의 문제점 우선, 기존에 사용되던 시스템에서는 이미지나 일반 텍스트 데이터는 문제없이 처리되었지만, 새롭게 추가된 Job.. 2024. 3. 25. 블로그 이전 UI 및 영양가 있는 글만 다시 쓰기 위해서 블로그 이전했습니다. https://medium.com/@jjune095 JunYeong – Medium Read writing from JunYeong on Medium. https://www.rallit.com/resume. Every day, JunYeong and thousands of other voices read, write, and share important stories on Medium. medium.com 2024. 1. 1. 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. React Hook Form 가이드 기존에 React Hook Form을 쓰면서도 잘 모르고 썻던 기능들을 정리하고 가이드 하고자 합니다. 공식문서 시작하기 시작하기 Performant, flexible and extensible forms with easy-to-use validation. react-hook-form.com API API 설명서 API 설명서 Performant, flexible and extensible forms with easy-to-use validation. react-hook-form.com React Hook Form이란? React에서 form의 validation을 빠르고 쉽게 도와주는 라이브러리이다. 전체 폼이 리랜더링 되지 않으면서도 각각의 입력값 변화를 관찰할 수 있기에 성능도 빠르고 의존성 없이 .. 2022. 8. 2. 이전 1 2 3 4 ··· 38 다음
