🧚🏻 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를 서포트함. (가장 인기 많..
WEB [ Internet / 동작원리 ] MDN - 인터넷의 기본 동작 원리에 대하여 🌸 저작권 🌸 © 이 포스팅은 CC-BY-SA 2.5 라이선스에 따라 사용할 수 있습니다. **MDN의 인터넷은 어떻게 동작하는가? 를 보고 공부 목적으로 정리한 포스팅입니다.** 🧚🏻 소중한 출처 🧚🏻 인터넷은 어떻게 동작하는가? - MDN Web Docs / MDN contributors 생활코딩 WEB1 - 생활코딩 Youtube 네트워크란 무엇일까? 네트워크는 그물을 뜻하는 net + work 의 합성어로, 그물처럼 통신망으로 서로 연결된 체계를 말한다. 두 개 이상의 컴퓨터가 통신이 필요할 때 A컴퓨터와 B컴퓨터는 물리적(예: 이더넷 케이블) 또는 무선으로 (예: WiFi, Bluetooth 등) 연결되어야 한다. 모든 현대의 컴퓨터들은 물리적 또는 무선 연결을 통해 네트워크 연결을 지속할 수 ..
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 / 앱스토어 ] 배포된 앱의 이름 및 부제 수정하는 방법. App Store에 이미 앱을 배포했는데 부제를 변경해야 할 일이 생겼다. 당연히 금방 수정할 수 있을 줄 알았는데...!! ...?? 🥺 App Store Connect에 접속해서 나의 앱에 들어가보니 자물쇠로 잠겨있었다...ㅎ.. 헷... 사실 이름이나 부제를 변경하는 방법이 어렵지는 않지만, 나처럼 당황할 사람들을 위해... 1. 새로운 버전의 앱 빌드 생성 iOS앱 옆의 '+' 버튼을 눌러 새로운 버전을 생성해준다. 2. Xcode로 새로운 빌드 업로드(App Store Connect) 나는 부제만 변경하면 돼서, Xcode 빌드에서 버전만 변경해서 upload 해줬다. 3. App Store Connect 에서 iOS앱 새로운 버전 (1번에서 생성한) 앱 정보 메뉴로 들어간다. 새로운 빌드 버전..
React [ React 18+ ] RSC(React Server Componen) 파헤치기. RSC는 React Server Components의 약자로, React18 버전부터 등장한 개념이다.서버에서 컴포넌트를 렌더링 하고 클라이언트에서 이를 효율적으로 활용할 수 있게 해주는 기능으로, 서버와 클라이언트의 역할을 분리하여 사용자 경험 향상을 위해 등장한 기능이다. RSC는 React의 자체적인 기능이기 때문에 꼭 Next.js를 사용하지 않고도 구현할 수 있지만, RSC는 서버-클라이언트의 상호작용이 필요하기 때문에 Node.js기반의 서버 환경이 필요하다. 그래서 Next.js를 사용하지 않는다면 Express.js 같은 라이브러리를 사용하여 HTTP 서버를 만들고, 서버-클라이언트 스트리밍, Webpack 번들링(서버 / 클라이언트), 데이터 통신, 성능 최적화(캐싱) 등의 추가적인 설..

티스토리툴바