🧚🏻 D_Dual Dev Blog🧚🏻

인기 글

• 

  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 번들링(서버 / 클라이언트), 데이터 통신, 성능 최적화(캐싱) 등의 추가적인 설..

• 

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

• 

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

• 

  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 계정에 로..