🧚🏻 D_Dual Dev Blog🧚🏻

인기 글

• 

  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 [ Safari ] 아이폰의 사파리 모바일 웹 디버깅 하는 방법 아이폰으로 모바일 사파리 웹의 디버깅을 맥북을 이용하여 하는 방법. 1. 아이폰의 설정앱을 연다. 2. 설정의 Safari - 고급에서 웹 속성 설정을 활성화 한다. 3. 케이블을 사용하여 맥북에 연결한다. 4. 맥북에서 사파리를 열고 메뉴 탭에서 개발자용 탭을 확인한다. 5. 맥북 사파리의 환경설정 - 고급 - 메뉴 막대에서 개발자용 메뉴 보기를 활성화 한다. 6. 맥북 사파리의 개발자용 탭에서 iPhone을 선택한다. 7. 아이폰의 사파리 웹페이지를 탐색하며, 맥북 사파리로 개발자용 콘솔을 통해 디버깅을 한다.

• 

  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번에서 생성한) 앱 정보 메뉴로 들어간다. 새로운 빌드 버전..

• 

  React React의 상태관리 라이브러리, Zustand에 대한 간략 정리글. 독일어로 "상태"를 의미하는 Zustand는 React 애플리케이션에서 단순화된 Flux 패턴을 사용하는 작고 빠른 상태 관리 라이브러리이다.hook을 기반으로 사용하는 간편한 API를 제공하며, 최소한의 보일러플레이트 코드로 사용이 가능하며, 개발자가 상태 관리를 직관적이고 쉽게 처리할 수 있도록 도와준다.     주요 기능 및 특징 1. 심플한 API:   Zustand의 API는 매우 간단하다. 보통 1~2개의 hook만 사용하여 상태를 정의하고, 이를 컴포넌트에서 사용할 수 있다. 주로 `create` 함수와 `useStore` 훅을 사용한다.2. 초경량:   Zustand는 경량 라이브러리로, 크기가 작고 빠르다. React Context API 기반으로 작동하는 다른 상태 관리 라이브러리와 비..