🧚🏻 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 [에러] 400 Bad Request Request Header Or Cookie Too Large 서비스의 QA를 진행하다가 아래와 같은 이슈가 나왔다. 400 Bad Request Request Header Or Cookie Too Large nginx 발생 원인 400 Bad Request Request Header Or Cookie Too Large nginx 에러는 HTTP 상태 코드 중 하나로, 요청 헤더 또는 쿠키가 너무 크기 때문에 웹 서버(nginx)에서 처리할 수 없다는 것을 나타낸다. 이는 웹 서버에 설정된 제한 크기를 초과한 것이기 때문에 이 문제를 해결하려면, 요청 헤더 또는 쿠키 크기를 줄이거나 웹 서버에서 제한 크기를 늘려야 하지만 방문자가 브라우저의 사이트 기록을 삭제하는 간단한 방법으로 해결할 수 있다. (모바일 웹도 마찬가지로 설정에서 해당 브라우저 앱을 선택하면 캐시를..

• 

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

• 

  JavaScript [ TypeScript ] 협업을 위한 interface 에 힌트 주석 달기. ts로 프로젝트를 개발 중에 interface에 추가적인 설명이 있으면 좋겠다~! 라는 생각이 들어서 평소에는 method나 method parameter에 대한 설명을 달아줄 때 자주 사용하던 JSDoc을 이용하여 interface 설명을 추가해 보았다. 먼저 JSDoc에 대해 설명하자면, JSDoc은 자바스크립트용 API 문서 생성기로 자바스크립트 애플리케이션 또는 라이브러리의 API를 문서화하는 목적으로 사용한다. module, namespaces, classes, methods, method parameters 등과 같은 항목들을 문서화할 수 있다. JSDoc은 코드 자체와 함께 소스코드에 직접 문서 주석을 추가하는 기능을 가지고있다. JSDoc 주석은 일반적으로 문서화하려는 코드 바로 앞에 위치..