728x90 리액트 네이티브13 [ReactNative] 리액트 네이티브 컴포넌트 만들기 (뷰 작업, JSX 사용, 네이티브 컴포넌트 스타일링) 모든 리액트의 코드는 리액트 컴포넌트 안에 존재합니다. 리액트 네이티브 컴포넌트는 일반적인 리액트 컴포넌트와 대부분 비슷하지만 렌더링과 스타일 적용 방법에서 큰 차이가 있습니다. 뷰 작업하기 리액트를 이용해서 웹 페이지를 만들 떄는 일반적인 HTML요소 (, , 등)를 사용하여 렌더링 합니다. 리액트 네이티브는 이러한 요소 대신에 플랫폼에 종속적인 리액트 컴포넌트를 사용합니다. 리액트 리액트 네이티브 , , 자식 아이템 가장 기본적인 컴포넌트는 크로스 플랫폼 인데, 단순하고 유연한 UI 요소로 와 유사합니다. 컴포넌트는 iOS에서는 UIView로 렌터링되고 안드로이드에서는 VIEW로 렌더링 됩니다. 다른 컴포넌트들은 특정 플랫폼에서만 동작합니다. 예를 들어 는 iOS의 표준 날짜 선택기를 렌더링합니다. .. 2021. 8. 30. [React Native] 리액트 네이티브란? 개념과 특징, 장단점 ! 리액트 네이티브란?! 리액트 네이브는 'iOS와 안드로이드에서 동작하는 네이티브 모바일 앱을 만드는 자바스크립트 프레임워크'입니다. 리액트 네이티브는 사용자 인터페이스를 만드는 페이스북의 자바스크립트 라이브러리인 리액트에 기반을 두고 있는데, 브라우저가 아닌 모바일 플랫폼이 타깃입니다. 즉, 웹 개발자가 익숙한 자바스크립트 라이브러리를 이용하면서 겉모습과 실제 동작까지 진짜 네이티브인 모바일 앱을 만들 수 있습니다. 게다가 작성한 코드 대부분을 플랫폼 간에 공유할 수 있어서 리액트 네이티브를 이용하면 iOS와 안드로이드 앱을 동시에 개발할 수 있습니다! 공식 리액트 네이티브 프로젝트는 iOS와 안드로이드에서 모두 동작하는 모바일 앱을 작성할 수 있게 해 주는데, 커뮤니티 프로젝트를 이용하면 리액트 네이티.. 2021. 8. 19. [React Native] 리액트 네이티브 VSCode 환경 설정 및 사용법 #4 비주얼 스튜디오 코드(이하 VSCode)는 자바, 파이썬, PHP 등 다양한 프로그래밍 언어를 지원하는 만능 편집기입니다! 따라서 VSCode에서 타입 스크립트로 리액트 네이티브 프로젝트를 개발하려면 그에 맞는 환경설정과 사용법에 대한 이해가 필요합니다. Windows와 Mac 설정 동일합니다! 한국어 언어 팩 설치 Scoop으로 설치한 VSCode는 기본으로 영문 버전인데, 이를 한국어로 바꾸려면 언어 팩을 설치해야 합니다. VSCode 왼쪽 아이콘 바에서 [Extension]을 누르거나 [View ->Extension] 메뉴를 실행시킵니다. 그런 다음 'Korean'을 검색해 다운로드하여 주시면 됩니다! 타입 스크립트 설치 VSCode는 Windows PowerShell(윈도우 파워 셸) 같은 터미널.. 2021. 8. 12. 이전 1 2 다음 728x90
