React Native: Learn & Practice

Code Play

광고 포함

앱 정보

간결한 설명, 실용적인 코드 예제, 그리고 간단한 과제를 통해 React Native를 배워보세요. 10개의 모듈에 걸쳐 148개의 강의를 탐색하고, 코딩 플레이그라운드에서 예제를 열어 직접 수정해 보면서 인터페이스 작동 방식을 이해해 보세요.

기초부터 실습까지 명확한 학습 경로
텍스트, 뷰, 변수, 컴포넌트, 이미지, 스타일부터 시작해 보세요. Flexbox 레이아웃, 폼, 텍스트 입력, 버튼, 터치 인터랙션, 스크롤링, 리스트까지 다룹니다. 후반 모듈에서는 훅, 재사용 가능한 컴포넌트, 상태 관리, 성능 개념, 반응형 레이아웃, 그리고 실습 프로젝트를 소개합니다.

수정하기 전에 먼저 내용을 확인하세요
각 강의는 목표, 쉬운 설명, 핵심 개념, 코드, 실용적인 팁, 간단한 과제, 그리고 스스로 복습할 수 있는 질문으로 구성되어 있습니다. 예제와 설명을 함께 살펴본 후, 준비가 되면 수정 가능한 버전을 열어 직접 실습해 보세요. 초급, 중급, 실습으로 구분되어 있어 각 주제의 학습 단계를 쉽게 파악할 수 있습니다.

직접 수정해 보세요
내장된 JavaScript 및 JSX 편집기를 사용하여 텍스트, 값, 스타일, 컴포넌트 동작을 수정해 보세요. 구문 강조 표시와 줄 번호 덕분에 예제를 더 쉽게 이해할 수 있습니다. 실행 취소와 다시 실행 기능을 사용하여 변경 사항을 살펴보고, 코드 초기화를 통해 처음 예제로 되돌릴 수 있습니다. 앱 실행을 탭하면 앱 내 미리보기가 열리고, 편집으로 돌아가 다시 시도할 수 있습니다.

유용한 패턴 살펴보기
제어 입력, 폼 유효성 검사, 비밀번호 표시, 문자 수 카운터, 목록 필터링, 선택 가능한 항목, 빈 상태 등을 학습하세요. 카운터, 타이머, 실시간 시계, 온도 변환기, 팁 계산기, 카드, 아코디언, 간단한 탭, 미니 할 일 목록 등을 활용하여 연습해 보세요. 이러한 예제들을 통해 인터페이스의 작은 요소들이 어떻게 서로 연결되는지 살펴볼 수 있습니다.

필요한 강의 찾기
강의 제목을 검색하거나 모듈별로 라이브러리를 좁혀 찾아보세요. 모든 강의, 진행 중인 강의, 저장된 즐겨찾기, 완료된 강의 사이를 전환할 수 있습니다. 이전 및 다음 버튼을 사용하거나 스와이프하여 강의 사이를 이동하세요. 필터링된 라이브러리에서 강의를 열면 선택한 주제를 따라 탐색할 수 있습니다.

학습 진행 상황 관리
복습할 강의를 북마크하고 준비가 되면 완료로 표시하세요. 홈 화면에는 학습 진행 상황, 완료 및 저장 횟수, 학습 연속 기록이 표시됩니다. 마지막으로 학습한 레슨을 이어서 하거나, 완료하지 못한 다음 주제로 넘어갈 수 있습니다. 진행 상황과 북마크는 기기에 로컬로 저장됩니다.

실험으로 돌아가기
예제를 실행하면 해당 레슨의 코드가 로컬 초안으로 저장됩니다. 플레이그라운드를 다시 열면 초안을 복원할 수 있고, 초기화하면 원래 코드로 돌아갈 수 있습니다. 이렇게 하면 학습 자료를 덮어쓰지 않고도 학습을 중단한 후에도 쉽게 개념을 다시 살펴볼 수 있습니다.

편리한 화면 설정 선택
학습 인터페이스에 밝은 모드, 어두운 모드 또는 시스템 테마를 선택할 수 있습니다. 개념을 읽고, 코드를 살펴보고, 한 가지 핵심적인 변경 사항을 적용한 다음, 챌린지를 통해 적용 연습을 해보세요.

이 앱은 코딩에 관심 있는 학생, 초보자, 모바일 인터페이스 개념을 복습하는 개발자를 위해 설계되었습니다. 예제는 웹 기반 미리보기에서 실행되며, 플랫폼별 API 및 동작은 네이티브 앱과 다를 수 있습니다. 이 앱에는 광고가 포함되어 있습니다. 본 앱은 독립적인 교육용 앱이며, React Native 프로젝트와는 관련이 없으며 React Native 프로젝트의 승인을 받지 않았습니다.

평점 및 리뷰

돈아