Skip to main content
Version: Next

시작하기

React Native 여정의 시작을 환영합니다! 시작 가이드를 찾고 있다면, 이제 별도의 섹션으로 이동했습니다. 이 문서는 React Native 문서, 네이티브 컴포넌트, React 등에 대한 소개를 제공합니다. 계속 읽어보세요!

React Native는 다양한 사람들이 사용합니다. iOS 개발 고수부터 React 초보자, 프로그래밍을 처음 시작하는 사람까지 모두 포함됩니다. 이 문서는 경험이나 배경에 상관없이 모든 학습자를 위해 작성되었습니다.

이 문서 활용 방법​

이 문서를 책처럼 순서대로 읽어나갈 수도 있고, 필요한 부분만 찾아서 읽을 수도 있다. 이미 React에 익숙하다면 해당 섹션을 건너뛰거나 간단히 복습하는 용도로 활용할 수 있다.

사전 준비 사항​

React Native를 다루기 위해서는 JavaScript의 기본 개념을 이해하고 있어야 한다. JavaScript가 처음이거나 복습이 필요하다면 Mozilla Developer Network에서 기초를 배우거나 다시 익힐 수 있다.

이 가이드는 React, Android, iOS 개발 경험이 없다고 가정하고 작성했지만, React Native 개발자를 꿈꾸는 이들에게 이 주제들은 매우 중요한 학습 요소이다. 필요한 경우, 더 깊이 있는 자료와 글을 연결해 두었다.

실습 예제​

이 소개에서는 브라우저에서 바로 실습할 수 있는 인터랙티브 예제를 제공한다. 아래 예제를 참고하라:

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

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

개발자 노트​

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

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

서식​

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

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