한줄평
“React 프로젝트의 UI를 시각적으로 손보고 코드에 바로 반영하고 싶을 때 강력합니다. 다만 React 스택에 한정되며, 복잡한 컴포넌트 구조에서는 결과를 확인해 가며 써야 합니다.”
이런 분께 React UI를 화면에서 직접 손보고 코드로 반영하려는 개발자께
좋은 점
- 화면 편집이 실제 코드로 실시간 반영
- 디자이너·개발자 간 왕복 감소
아쉬운 점
- React 기반 프로젝트에만 적용 가능
온룩 소개
React 웹사이트나 웹앱을 브라우저 화면에서 직접 눈으로 편집하고, 그 변경을 실시간으로 실제 코드에 되돌려 써 주는 개발 도구입니다. 디자인 도구처럼 요소를 클릭해 크기·색·간격을 조정하면 대응하는 소스가 수정됩니다. 디자이너와 개발자 사이의 왕복을 줄여, 화면을 보며 바로 손보고 싶을 때 유용합니다. 데스크톱 GUI 앱으로 동작합니다.
