본문 바로가기

컴포넌트3

[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.

이전 1 다음

728x90

티스토리툴바