React 플레이그라운드

자주 묻는 질문

• 이 React 온라인 에디터는 무료인가요?

  네. 코드를 쓰고 미리 보는 건 무료이고 계정도 필요 없어요. 무료 계정에서는 저장한 프로젝트를 공개든 비공개든 최대 3개까지 둘 수 있어요. 커스텀 도메인에는 유료 플랜이 필요하고, AI 채팅은 크레딧을 써요.

• 어떤 React 버전을 쓰나요?

  모든 스타터에서 React 18.3.1을 써요. 버전은 package.json에서 정해져요.

• 아무것도 설치하지 않고 온라인에서 React 코드를 실행할 수 있나요?

  네. 이 플레이그라운드는 브라우저 안의 React 샌드박스이고, React 온라인 컴파일러로도 쓸 수 있어요. 컴포넌트를 쓰면 입력하는 대로 렌더링돼요. 따로 설정할 프로젝트도 없어요.

• JSX와 TypeScript를 지원하나요?

  네. .jsx와 .tsx 파일은 미리보기에서 컴파일돼요. React와 TypeScript 스타터는 작성하는 동안 타입을 검사해요.

• npm 패키지를 쓸 수 있나요?

  네. 패키지를 import하고 버전을 고른 뒤 Install을 누르거나, 패키지 패널에서 추가하세요.

• 핫 리로드가 되나요?

  입력하는 대로 앱이 바뀌지만, 수정할 때마다 앱을 다시 로드하므로 상태가 초기화돼요. Fast Refresh는 아직 없어요.

• Tailwind CSS나 CSS Modules를 쓸 수 있나요?

  Tailwind CSS는 스타터에 들어 있어요. CSS Modules는 .module.css 파일로 쓸 수 있고, .module.scss는 아직 지원하지 않아요.

• 여기서 Next.js나 React Native로 만들 수 있나요?

  아니요. 플레이그라운드는 브라우저에서 React를 실행해요. 서버와 데이터베이스가 있는 앱이라면 유료 플랜에서 Playcode AI가 만들고 Playcode Cloud가 운영해요.

• .jsx 파일을 열 수 있나요?

  네. React 스타터의 파일에 붙여 넣고 index.jsx에서 렌더링하세요.

• 플레이그라운드에서 만든 걸 공유할 수 있나요?

  네. 로그인하고 프로젝트를 저장하세요. 공유 탭에서 “링크가 있는 모든 사용자”를 “보기 가능”으로 설정한 다음 링크를 복사하세요.

• 이 플레이그라운드는 Playcode의 일부인가요?

  네. 이 플레이그라운드는 Playcode의 무료 코드 도구인 Playcode Classic의 일부예요. Playcode는 2016년에 브라우저 코딩 환경으로 시작했어요. 지금은 홈페이지와 앱을 만들고 운영하는 AI 플랫폼이에요.