반응형

리액트 3

TypeScript 고급 타입 활용, React 에서 제네릭과 유니온 타입으로 안전성 높이기 - TypeScript #3

이번에는 TypeScript 코드를 다룰 때 타입 안전성을 높이고, 유지보수와 확장성을 강화하는 방법 중 "고급 타입" 활용에 대해 정리해 보겠습니다.  TypeScript 고급 타입 활용  유니온 타입과 인터섹션 타입TypeScript를 배우다 보면 타입을 직접 명시하는 방식이 눈에 띕니다. string이나 number 같은 기본 타입만으로는 복잡한 상황을 다루기에 부족한 경우가 있는데, 이때 유니온 타입( | )과 인터섹션 타입( & )을 사용할 수 있죠. 유니온 타입은 값이 여러 타입 중 하나일 수 있다는 걸 표현합니다. 예를 들어, 버튼이 "켜짐", "꺼짐", "로딩 중" 같은 상태를 가질 수 있다고 하면, React Native에서 이를 타입으로 나타내면 다음과 같습니다.type ButtonSt..

React Native의 컴포넌트, JSX, Props와 State - 모바일 앱 개발 초보자를 위한 React Native #3

이번에는 React Native의 기본 구조를 살펴보고, 입문자가 React Native 개발을 시작하는 데 필요한 기초를 다질 수 있도록 필요한 부분을 정리하려 합니다.React Native의 컴포넌트, JSX, Props와 State  React Native 주요 컴포넌트React Native는 컴포넌트(Component) 기반 개발을 중심으로 동작한다. 컴포넌트란 간단히 말해 UI를 구성하는 작은 단위의 블록입니다. 웹 개발에서 HTML 요소(예: , 등)를 사용하듯, React Native에서는 다양한 컴포넌트를 조합하여 앱의 UI를 구축합니다.   컴포넌트 기반 개발의 장점:재사용성(Reusability): 동일한 UI 요소를 여러 곳에서 사용할 수 있어 코드 중복을 줄일 수 있다.모듈화(Mo..

React Native란 - 모바일 앱 개발 초보자를 위한 React Native #1

이번부터는 모바일 앱 프로그래밍 언어에 대해 시작해 보려 합니다. iOS나 Android 플랫폼 각각에 전용됐던 프로그래밍 언어들이 얼마 전부터는 크로스플랫폼(Crossplatform)이라는 이름으로 하나의 프로그래밍 언어로 사용되게 되었죠. 오늘은 중 하나인 React Native라는 프로그래밍 언어에 대한 이야기를 시작하겠습니다.  모바일 앱 개발 초보자를 위한 React Native #1React Native는 2015년 페이스북(Meta)에서 처음 오픈소스로 공개된 모바일 앱 개발 프레임워크입니다. 원래 페이스북 내부에서는 ‘React’라는 웹용 라이브러리를 사용하여 빠르고 효율적인 사용자 인터페이스(UI)를 구성하고 있었는데, 이 React의 아이디어를 모바일 환경으로 확대해보고자 한 시도가 바..

반응형