React Native

React.js는 웹과 모바일 등 다양한 플랫폼에 적용될 수 있는 “플랫폼 독립성(platform-agnostic)”을 갖춘 프레임워크입니다. 일반적으로 한 플랫폼에서 개발된 애플리케이션을 다른 플랫폼으로 옮기는 일에는 추가 작업이 필요하지만, React.js는 그 자

React Native는 iOS와 Android의 네이티브 앱을 JavaScript와 React를 기반으로 구축할 수 있는 강력한 프레임워크입니다. 특히, 웹 개발에서 사용하는 HTML과 유사한 JSX 문법을 활용해 네이티브 UI 컴포넌트를 구성하며, JavaScrip

React Native를 사용해 모바일 애플리케이션 개발을 시작할 때, 개발자는 두 가지 주요 CLI(명령줄 인터페이스) 도구 중 하나를 선택해야 합니다.Expo CLI와 React Native CLI가 그 주인공입니다. 두 CLI는 React Native 프로젝트 생

Expo CLI를 최신 버전(6.0.0 이상)으로 업데이트한 후, npx expo start 명령어로 프로젝트를 실행했을 때 기존의 Dev Tools 웹 UI가 열리지 않는 문제를 겪었습니다. 이 글에서는 문제의 원인과 해결 방법을 공유합니다.이전 버전의 Expo CL

React는 서버에서 실행되는 것도 아니고, 데이터베이스와 직접 연결되는 기술도 아니다. 대신, 최신 웹 애플리케이션에서 동적이고 반응적인 사용자 인터페이스(UI)를 쉽게 만들 수 있게 도와주는 라이브러리다. 특히 선언형(declarative) 방식을 사용해서 개발자가

React를 사용할 때 필수로 알아야 할 몇 가지 개념이 있습니다. 이번 글에서는 JSX 사용 시 React의 역할과 함께 알아야 할 중요한 포인트를 정리해봤습니다.React를 사용할 때는 JSX를 작성하기 위해 React를 import해야 합니다. 재미있는 점은, 코

React 컴포넌트는 React 애플리케이션의 기본 구성 요소예요. 컴포넌트는 화면에 표시할 내용을 정의하는 단위라고 보면 됩니다. React 컴포넌트를 만드는 방법에는 두 가지가 있습니다:간단한 JavaScript 함수로 작성합니다. JSX(HTML처럼 보이는 코드

React로 개발을 하다 보면 HTML과 비슷해 보이는 코드를 작성하게 됩니다. 하지만 HTML에서 사용하는 class 속성이 React에서는 className으로 바뀐다는 사실을 알게 됩니다. 이번 포스팅에서는 왜 React에서 className을 사용하는지와 그 사

React에서 컴포넌트는 애플리케이션의 기본 구성 요소입니다. 컴포넌트는 화면에 표시할 UI를 정의하는 단위로, 이를 사용하면 코드를 재사용하고 UI를 더 효율적으로 관리할 수 있습니다. 이번 글에서는 React 컴포넌트를 만드는 세 가지 방법에 대해 알아보겠습니다.R

React로 프로젝트를 진행하다 보면 CSS를 관리하는 방법에서 여러 문제를 경험할 수 있습니다. 특히 CSS 파일을 import했을 때 스타일이 전체 페이지에 적용되는 글로벌 범위 문제는 초보자에게 혼란을 줄 수 있습니다.이번 글에서는 React에서 CSS의 기본 동