본문 바로가기

react4

[ReactNative]컴포넌트 이벤트 속성과 API 이전 글에서 React Native의 사용자 정의 컴포넌트에 대해 알아보았다. 사용자 정의 컴포넌트에 대해서는 이전 글(https://iworldt.tistory.com/38) 을 참고하자! 이번 포스팅에서는 리액트 네이티브의 사용자 컴포넌트, 그리고 그 컴포넌트들에 대한 이벤트를 어떻게 처리하는지에 대해 정리해보도록 하겠다. 리액트 네이티브에서는 사용자 정의 컴포넌트를 통해서 원하는 컴포넌트를 제작할 수 있는데, 그렇게 정의한 컴포넌트의 터치와 제스쳐 이벤트도 얻어 사용할 수 있다. 이 때 도움을 주는 것이 리액트 네이티브의 API이다. 리액트 네이티브 컴포넌트, 컴포넌트 이벤트 처리, 컴포넌트 이벤트 속성, 리액트 네이티브 API 기본적으로 이벤트를 위한 코어 컴포넌트에 대해 몇 가지 알아보자. Al.. 2021. 8. 24.

[ReactNative]함수 컴포넌트 vs 클래스 컴포넌트? 차이점과 비교 리액트 네이티브의 코어 컴포넌트 중 이벤트를 다루지 않는 기본적인 코어 컴포넌트들을 지난 포스팅에서 알아보았다. View, Text, Image등의 기본적인 사용과 HTML 태그와의 비교는 이전 포스팅 (https://iworldt.tistory.com/35)을 참고하면 된다. 이번 포스팅에서는 리액트 네이티브의 사용자 컴포넌트에 대해 알아볼 것이다. 그 중에서도 사용자 컴포넌트는 클래스형 컴포넌트와 함수형 컴포넌트 두 가지 방식으로 제작할 수 있는데, 그 둘의 차이점을 알아보도록 하겠다. 리액트 네이티브 컴포넌트, 리액트 컴포넌트, 함수 컴포넌트, 클래스 컴포넌트 사용자 컴포넌트 리액트에는 컴포넌트를 클래스 컴포넌트(class component)와 함수 컴포넌트(function component) 두 .. 2021. 8. 24.

[ReactNative] JSX란? HTML vs ReactNative 태그 총정리! 리액트는 JSX 문법을 사용하면서 컴포넌트, 즉 태그들을 구성하며 이루어져 있다. 그래서 HTML과 React, React Native 간 유사한 태그들이 종종 보이는데, 오늘은 그것들을 정리해보는 포스팅을 하겠다! 리액트와 리액트 네이티브 프레임워크의 주력은 바로 JSX라고 할 수 있다. 리액트의 공식 문서에서도 JSX의 사용을 다음과 같이 권하고 있다. React는 JSX 사용이 필수가 아니지만, 대부분의 사람은 JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 된다고 생각합니다. 또한 React가 더욱 도움이 되는 에러 및 경고 메시지를 표시할 수 있게 해줍니다. 그러므로 우선 JSX에 대해 간단히 알아보도록 하자! JSX = JavaScript + XML JSX란? J.. 2021. 8. 19.

[ReactNative]리액트 네이티브 공부 순서, 책 추천 등 리액트 네이티브를 공부하여 앱 개발을 해보자는 목표를 세웠다! 그래서 리엑트네이티브란? 리액트 네이티브가 무엇인지, 어떻게 공부를 시작하는지, 어떤 앱을 개발할 것인지 등등을 정리해보았다. 리액트 네이티브 (React Native) 자바스크립트로 네이티브 수준의 안드로이드/ios 모바일 앱을 개발하는 크로스플랫폼(cross-platform) 프레임워크이다. 크로스플랫폼은 네이티브 앱보다 실행속도는 비교적 느린 반면, 자바스크립트라는 언어를 사용하는 등 개발 시간과 비용이 상대적으로 적은 장점을 가지고 있다. 리액트 네이티브 개발환경 안드로이드와 iOS를 한번에 개발할 수 있다고 하지만, 운영체제가 맥(Mac)인 경우에 한해 가능한 이야기이다. 소스코드는 어느 운영체제이든 작성할 수 있으나 그를 앱으로 빌.. 2021. 8. 11.

이전 1 다음

728x90

티스토리툴바