워크플로우를 가속화하는 시각적 HTML 편집기
발행: (2025년 12월 4일 오전 04:32 GMT+9)
2 min read
원문: Dev.to
Source: Dev.to
Features
- 무료이며 오픈 소스
- CSS 스타일 편집
- 컴포넌트 생성 및 사용
- 코드 내보내기
- 코드 가져오기
- 모바일 지원
- 클래스
- 애니메이션
- CSS 변수
- 몇 가지 기본 템플릿
Workflow
이 도구를 개발자를 대체하기 위해 만든 것은 아니며(그럴 수 있을지도 모르겠지만), 웹사이트 제작을 조금 더 빠르게 하기 위해 만들었습니다. 저는 웹 개발 작업을 많이 하다 보니 시각적인 편집기로 기본 페이지를 만들 방법이 필요했습니다.
보통 이 편집기에서 프로젝트를 시작해 앱의 시각적인 부분을 빠르게 구성합니다. 그런 다음 코드를 내보내고 VS Code나 다른 IDE에서 JavaScript 로직을 계속 개발합니다.
Getting Started
- 저장소를 클론하여 자신만의 프로젝트로 만드세요 🌝.
- 오프라인에서도 사용할 수 있도록 편집기를 다운로드할 수 있습니다; 단일 HTML 파일이므로 로컬에 저장하고 바로 실행하기 쉽습니다.
Contributing
프로젝트가 아직 비교적 새롭기 때문에 제안 사항이 있으면 언제든 알려 주세요!