JavaScript Editor — React IDE

Android 스마트폰에서 JavaScript와 React 컴포넌트를 작성하고, 오프라인 상태에서 기기 내에서 실행하고 실시간 미리보기를 확인하세요.

JavaScript 에디터 - React IDE는 웹 개발자, 학생, 면접 준비생을 위한 모바일 개발 환경입니다. 앱 설치 후에는 클라우드, 원격 실행, 인터넷 연결이 필요하지 않습니다.

주요 기능

• JavaScript 코드를 작성하고 콘솔 출력(로그, 경고, 오류)과 함께 실행

• JSX를 사용하여 React 컴포넌트를 작성하고 기기에서 실시간 미리보기 렌더링 확인

• React 런타임이 앱 내에 포함되어 있어 완전 오프라인 작동

• 기기 어디에서든 .js 및 .jsx 파일 열기

• 앱에 작업 내용을 저장하거나 다운로드 폴더, Google Drive 또는 시스템 파일 선택기를 통해 원하는 위치로 내보내기

• 작은 화면에 최적화된 다크 모드 에디터로 15개 언어 코딩 지원

에디터

구문 강조 표시, 일반적인 구두점을 위한 기호 모음, React Hooks 바로가기 모음, 찾기 및 바꾸기, 실행 취소/다시 실행(심층적인 기록 기능 포함), 스마트폰 화면에 최적화된 고정폭 글꼴 제공

React 미리보기

'실행'을 탭하면 컴포넌트가 에디터 아래의 실시간 미리보기 창에 표시됩니다. 한 번의 탭으로 CSS를 편집할 수 있습니다. '전체 화면'을 탭하면 전체 화면에서 결과를 확인할 수 있습니다. 원한다면 실제 브라우저에서 미리보기를 열 수도 있습니다. 앱에서 루프백 URL을 제공합니다.

JavaScript 콘솔

JavaScript 코드 조각을 실행하고 에디터 아래 콘솔을 확인하세요. 색상으로 구분된 로그 레벨(log, info, warn, error), 타임스탬프, 그리고 한 번의 탭으로 로그를 지울 수 있는 기능이 제공됩니다. 학습, 함수 테스트, 또는 이동 중에도 알고리즘을 연습하기에 완벽합니다.

예제 갤러리

엄선된 JavaScript 및 React 예제 모음 - Hello World, 배열 및 반복, async/await, 클로저, 클래스, fetch 등을 다룹니다. React 예제는 훅, 상태 관리, 동적 목록, 폼, 시각 효과 등을 다룹니다. 탭을 사용하여 JavaScript 또는 React로 필터링할 수 있습니다.

저장 및 가져오기

현재 모드에 따라 .js 또는 .jsx 파일로 저장할 수 있습니다. "기기에 저장"을 클릭하면 시스템 "다른 이름으로 저장" 대화 상자가 열립니다. 다운로드 폴더, 클라우드 동기화 폴더 또는 외부 저장소에 파일을 저장할 수 있습니다. 기존 파일을 기기에서 바로 열 수도 있습니다. .jsx 파일은 React 모드에서, .js 파일은 JavaScript 모드에서 열립니다. 확장 프로그램이 사용자의 모드에 맞춰 자동으로 열어줍니다.

테마 및 사용자 지정

기본적으로 다크 모드 테마가 적용되어 있습니다. 글꼴 크기와 들여쓰기 너비를 조절할 수 있습니다. 세션 기록을 통해 마지막으로 작업했던 내용을 기억하므로 중단했던 부분부터 이어서 작업할 수 있습니다.

사용자 대상

• 노트북 없이도 컴포넌트를 구상하고 싶은 웹 개발자

• JavaScript, React 또는 DOM을 배우는 컴퓨터 공학 학생

• 실제 JavaScript 알고리즘을 연습하고 싶은 면접 준비생

• 이동 중에도 튜토리얼을 따라 학습하는 독학 개발자

• 안정적인 모바일 JavaScript 플레이그라운드를 원하는 모든 사용자

무료 및 선택적 프로 업그레이드

이 앱은 무료로 설치하고 사용할 수 있습니다. 개발 지원을 위해 광고가 표시됩니다. 프로 버전으로 일회성 업그레이드를 하면 광고가 제거됩니다. 구독료나 반복 결제는 없습니다.

언어

UI는 영어, 스페인어, 포르투갈어, 프랑스어, 독일어, 러시아어, 힌디어, 벵골어, 인도네시아어, 터키어, 우르두어, 아랍어, 중국어(간체), 일본어, 한국어를 포함한 15개 언어로 제공됩니다.