🐨CoalaCoding
DocsExamplesTry itBoardB반B반
🐨CoalaCoding

개발자를 위한 한국어 웹 기술 문서

문서

  • JavaScript
  • Web Publishing
  • React
  • Python

커뮤니티

  • 게시판
  • 예제 모음
  • Try it 에디터

기타

  • GitHub
  • 관리자
© 2026 CoalaCoding. All rights reserved.
  • React 학습 전 필수 JavaScript 문법
  • React 소스 코드 수정, 배포 및 렌더링
  • 시작
  • JSX 문법과 컴포넌트
  • react-vite-설치
  • 이벤트 처리
  • 노코드리액트
  • Hook
  • csrssrreact-렌더링-참조글
  • useContext로 전역 상태 관리
  • 컴포넌트
  • CSS 리액트에 넣는 5가지 방법
  • 시작하기
  • Props (속성)
  • 2-scaffolding-react-project
  • React Router
  • props
  • React 개발 환경 이해
  • 3-웹문서-작성하기
  • 컴포넌트
  • map과컴포넌트
  • event
  • 4-리액트로-변경하기
  • 컴포넌트-데이터관리
  • composition
  • 앱제작-준비
  • 환경설정
  • 컴포넌트-전략
  • 리액트-네이버-로그인
  • 리액트교안
  1. 홈
  2. 문서
  3. React
  4. React 기초
  5. 노코드리액트

노코드리액트

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

  1. 프롬프트
vite로 현재 폴더에 React 프로젝트를 생성해줘.  
상태관리 라이브러리 없이, 타입스크립트도 사용하지 않고,  
자바스크립트 기반의 최소 설정으로 시작하고 싶어.
  1. figma Plugin 설치 https://www.figma.com/community/plugin/1301565000406306598
  2. 피그마 디자인 → devmode → codia 로 코드 생성
  3. 오토레이아웃 활용 https://tud2z3bian80o43m9p4fu3.codia.website/

목차

  • 구문