본문 바로가기
반응형

분류 전체보기4379

React에서 폰트 사용법 React 프로젝트에서 폰트를 사용하는 방법은 다양한 방식이 있습니다. 웹사이트의 디자인에 맞는 폰트를 적용하는 것은 사용자 경험과 시각적 완성도를 높이는 중요한 요소입니다. 이 글에서는 Google Fonts, 로컬 폰트, 그리고 폰트 설정 라이브러리를 활용하여 React에서 폰트를 사용하는 방법을 단계별로 설명하겠습니다.1. Google Fonts를 사용해 폰트 적용하기가장 간단하게 폰트를 적용하는 방법은 Google Fonts에서 원하는 폰트를 가져와 사용하는 것입니다.1.1 Google Fonts에서 폰트 링크 가져오기Google Fonts에 접속합니다.원하는 폰트를 선택합니다."Embed" 탭에서 제공하는  태그를 복사합니다.예를 들어, Noto Sans 폰트를 선택하면 아래와 같은 코드가 제공.. 2024. 12. 17.
React에서 React Native로 모바일 앱 만들기 1. React와 React Native의 개념 이해React는 Facebook에서 개발한 JavaScript 기반의 라이브러리로, 주로 웹 애플리케이션의 UI를 구축하는 데 사용됩니다. 반면 React Native는 모바일 애플리케이션 개발을 위해 React를 확장한 프레임워크로, iOS와 Android용 네이티브 애플리케이션을 개발할 수 있습니다. 두 기술은 React의 핵심 개념인 컴포넌트 기반 아키텍처와 상태 관리를 공유하며, 개발자들이 웹과 모바일 환경 모두에서 일관된 개발 경험을 누릴 수 있도록 설계되었습니다.React에서 React Native로 전환한다면 기존 React 경험을 활용해 비교적 수월하게 모바일 앱을 개발할 수 있습니다. 하지만 각 플랫폼의 차이점과 React Native의 고.. 2024. 12. 17.
React와 React Native의 차이점 React와 React Native는 둘 다 페이스북에서 개발한 인기 있는 프레임워크로, 각자의 영역에서 강력한 기능을 제공하고 있습니다. 하지만 이 둘은 목적과 사용 방법에서 큰 차이를 보입니다. 이번 포스팅에서는 React와 React Native의 차이점을 명확하게 설명하고 어떤 상황에서 각각을 선택하면 좋은지 정리해보겠습니다.1. React와 React Native란 무엇인가?React란?React는 사용자 인터페이스(UI)를 구축하기 위한 JavaScript 라이브러리입니다. 주로 웹 애플리케이션 개발에 사용되며, UI를 컴포넌트 기반으로 효율적으로 관리할 수 있도록 도와줍니다.주요 특징:컴포넌트 기반 아키텍처: 재사용 가능한 컴포넌트를 만들어 유지보수성을 높입니다.가상 DOM(Virtual D.. 2024. 12. 17.
React에서 GraphQL Subscription 사용법 완벽 정리 목차GraphQL Subscription이란?React에서 GraphQL Subscription 구현을 위한 준비GraphQL Subscription 기본 사용법예제 프로젝트로 배우는 실전 구현최적화 및 에러 핸들링마치며1. GraphQL Subscription이란?GraphQL의 Subscription은 서버에서 실시간으로 데이터의 변경 사항을 클라이언트에 전달하는 기능입니다.주로 채팅 애플리케이션, 실시간 알림, 대시보드와 같이 데이터가 자주 업데이트되는 환경에서 사용됩니다.GraphQL의 Query와 Mutation은 클라이언트가 요청할 때 서버에서 응답하는 반면, Subscription은 데이터가 변경될 때마다 서버가 클라이언트로 푸시하는 방식으로 작동합니다.이로 인해 React 애플리케이션에서 .. 2024. 12. 17.
반응형

티스토리툴바