Skip to main content

시작하기

리액트 네이티브 여정의 첫 걸음을 환영합니다! 시작하기 가이드를 찾고 있다면, 이제 별도의 섹션으로 이동했습니다. 이 문서에서는 문서 소개, 네이티브 컴포넌트, 리액트 등에 대한 설명을 이어서 읽어보세요!

리액트 네이티브는 다양한 사람들이 사용한다. 고급 iOS 개발자부터 리액트 초보자, 프로그래밍을 처음 시작하는 사람까지 모두 포함된다. 이 문서는 모든 학습자를 위해 작성되었으며, 경험 수준이나 배경에 상관없이 도움이 될 것이다.

이 문서 활용 방법​

여기서 시작해 책을 읽듯 순서대로 문서를 읽어도 된다. 필요한 부분만 찾아서 읽어도 된다. 이미 React에 익숙하다면 해당 섹션을 건너뛰거나 간단히 복습할 수 있다.

사전 준비 사항​

React Native를 사용하려면 자바스크립트 기본 개념을 이해해야 한다. 자바스크립트가 처음이거나 개념을 다시 복습하고 싶다면 Mozilla Developer Network에서 기초를 배우거나 복습할 수 있다.

이 가이드는 React, Android, iOS 개발 경험이 없다고 가정하고 작성했지만, React Native 개발자를 꿈꾸는 이들에게는 이 주제들이 중요한 학습 내용이다. 필요한 경우, 더 깊이 있는 내용을 다룬 리소스와 글에 링크를 제공했다.

인터랙티브 예제​

이 소개는 여러분이 브라우저에서 바로 인터랙티브 예제를 시작할 수 있게 해준다. 아래 예제를 참고하라:

위 예제는 Snack Player이다. Expo가 만든 편리한 도구로, React Native 프로젝트를 임베드하고 Android 및 iOS 같은 플랫폼에서 어떻게 렌더링되는지 공유할 수 있다. 코드는 라이브로 편집 가능하므로 브라우저에서 직접 수정해볼 수 있다. "Try editing me!" 텍스트를 "Hello, world!"로 바꿔보자.

선택적으로, 로컬 개발 환경을 설정하고 싶다면 로컬 머신에서 환경 설정 가이드를 따라 프로젝트에 코드 예제를 붙여넣을 수 있다. (웹 개발자라면 모바일 브라우저 테스트를 위한 로컬 환경이 이미 설정되어 있을 수도 있다!)

개발자 노트​

React Native를 배우는 개발자들은 다양한 배경을 가지고 있다. 웹, 안드로이드, iOS 등 다양한 기술 경험을 가진 사람들이 있다. 우리는 모든 배경의 개발자를 위해 글을 쓰려고 노력한다. 때로는 특정 플랫폼에 대한 설명을 제공하기도 한다.

웹 개발자라면 이 개념에 익숙할 것이다.

서식 안내​

메뉴 경로는 굵은 글씨로 표시하고, 하위 메뉴로 이동할 때는 캐럿(>) 기호를 사용한다. 예: Android Studio > Preferences

이제 가이드의 작동 방식을 알았으니, React Native의 기초를 알아볼 차례다: 네이티브 컴포넌트