🧚🏻 D_Dual Dev Blog🧚🏻

인기 글

• 

  React [ React ] Chart UI 구현을 위한 React 라이브러리 정리 Chart 관련 Libraries 정리 글  1.Recharts⭐ 20.3k 의 인기 있는 차트 라이브러리. (중국 회사)storybook을 통한 UI 명세가 있고, 굉장히 다양한 차트 컴포넌트 지원.https://recharts.org/en-US           2.nivo⭐ 11.4khttps://nivo.rocks/components/        3.apexcharts⭐ 12.5k예쁘고 아기자기한 디자인, React 컴포넌트 예시(class 컴포넌트 기반), 커스터마이징 자유도 높음.https://apexcharts.com/          4.react-chartjs-2⭐ 5.9kChart.js 용 React Component 라이브러리. Chart.js V3,V4를 서포트함. (가장 인기 많..

• 

  Etc [ iOS / 앱스토어 ] 배포된 앱의 이름 및 부제 수정하는 방법. App Store에 이미 앱을 배포했는데 부제를 변경해야 할 일이 생겼다. 당연히 금방 수정할 수 있을 줄 알았는데...!! ...?? 🥺 App Store Connect에 접속해서 나의 앱에 들어가보니 자물쇠로 잠겨있었다...ㅎ.. 헷... 사실 이름이나 부제를 변경하는 방법이 어렵지는 않지만, 나처럼 당황할 사람들을 위해... 1. 새로운 버전의 앱 빌드 생성 iOS앱 옆의 '+' 버튼을 눌러 새로운 버전을 생성해준다. 2. Xcode로 새로운 빌드 업로드(App Store Connect) 나는 부제만 변경하면 돼서, Xcode 빌드에서 버전만 변경해서 upload 해줬다. 3. App Store Connect 에서 iOS앱 새로운 버전 (1번에서 생성한) 앱 정보 메뉴로 들어간다. 새로운 빌드 버전..

• 

  WEB [ WEB ] iOS에서 SVG 이미지가 깨져 보일 때 해결 방법 회사에서  iOS개발 파트에 이슈 티켓이 발행되었는데,  AOS에서는 이미지가 정상적인 해상도로 노출되는 반면,  iOS 에서는 이미지가 깨져 보이는 이슈가 있었다. 해당 이미지는  SVG 벡터 이미지라 이론상으로 당연히 깨지는 이슈가 없어야 하는 게 맞는데 참 이상했다.  iOS개발자 분이 해당 화면은 웹뷰라고 웹프론트 파트에 이슈 티켓을 넘겨주어 함께 찾아보았는데, 구글링을 통해 사파리 웹뷰에서 SVG깨짐 현상이 발생하고 있다는 사실을 알았고, 방법을 찾아보았다.    태그를  이런 식으로 object 태그를 사용하면 간단하게 해결할 수 있다. (, 도 가능)     구글링을 해본 결과 위의 방법이 가장 쉬워 보였다. 하지만 모든 SVG 이미지를 로 사용하기는 실질적으로 어려웠다. (서버에서 이미지..

• 

  Etc [ iOS / 앱 등록 ] Appstore 앱 등록 전 필요 사항 및 방법 총 정리. 필수* 미리 준비해둬야 할 것들. - 애플 개발자 계정 (유료) - 2022년 4월부터 App Store에 제출하는 모든 iOS 및 iPadOS 앱은 Xcode 13 및 iOS 15 SDK로 빌드해야 한다고 한다!! 앱스토어 배포 관련 필요 사항 정리 ✨ IOS앱 버전 정보 앱 미리 보기 및 스크린샷 프로모션 텍스트 설명 키워드 지원 URL 마케팅 URL 앱 클립 헤더 이미지 부제목 작업 ✨ 일반정보 앱 정보 앱 이름 부제 앱 카테고리 콘텐츠 권한 연령 등급 가격 및 사용 가능 여부 가격 변경 일정 세금 카테고리 사전 주문 여부 사용 가능 여부 Apple Silicon Mac에서 iPhone 및 iPad 앱 사용 앱 배포 방법 - 공개 / 비공개 , 호환 가능한 최근 버전 설정 앱이 수집하는 개인정보 개..

• 

  React [ React / Next ] Web Google Login 기능 구현 (gsi/client) 회사에서 Next를 사용하고 있는 Web의 Google Login 지원을 위해 웹용 Google 계정으로 로그인 기능을 구현해야 해서 많은 사람들이 사용하던 react-google-login 라이브러리를 사용하려고 했지만 더 이상 구글에서 지원하지 않는 객체를 사용하는 라이브러리라서 에러가 발생했다. 다른 라이브러리를 사용하려다가 아래의 구글 개발자 페이지를 참고하여 Google Identity Service(GSI)를 이용하여 로그인을 구현해보기로 했다. 공식 문서 링크 구글 개발자 페이지 Authentication - 웹용 Google 계정으로 로그인 Google 로그인 특징 - Google 계정으로 웹 서비스에서 사용자 인증을 쉽고 빠르게 관리할 수 있도록 한다. - 사용자는 Google 계정에 로..