(링크: https://marketplace.visualstudio.com/items?itemName=n3rds-inc.rnflow)

자기소개:

안녕하세요 (주)너드들 강동호에요. 치과의사 하다가 코딩이 좋아서 때려치고 스타트업을 해보기로 했어요.

서비스 소개:

1) Figma같이 생긴 vs-code 익스텐션입니다. 다만 그림을 그리면 실시간으로 React Native코드를 생성해줍니다. 이제 마우스로 "center a <div /> <View />" 하세요!

2) Dumb component라면 기존에 작성한 컴퍼넌트들도 GUI상에서 편집할 수 있어요. 전역에서 데이터를 넣어줘야만 보이는 컴포넌트는 렌더링이 불가능할 수 있습니다. (아주 간단한 스토리북은 지원되긴 합니다.)

3) 사용법: 위 그림 파일 자세히 보시면 보이는데, 리액트 네이티브 프로젝트의 컴포넌트 파일(.tsx 만 제대로 지원됩니다.)에 가시면 에디터 위쪽에 푸른색 커서모양 아이콘이 뜹니다. 클릭하시면 에디터가 열릴 거에요.

계기:

피그마로 만든 디자인에 정보가 다 있는데, 대체 왜 또 프론트 코딩을 해야하는지 가슴이 답답해서 만들기로 결심하게 됐어요.

개발:

사이드로 6개월 + 풀타임 6개월 정도 걸려 초안이 나왔습니다(헥헥). 그런데 아직도 갈 길이 먼 것 같아요.

바라는 것:

아직 버그가 매우 많지만, 써보시면서 지속적으로 피드백을 주실 수 있는 분을 간절히 구하고 있습니다. 제가 쓰는 방식에만 최적화되다보니 다른 사람 생각을 못하게 되는 것 같아서요. 혹시 둘러보시고 본인에게 도움이 되겠다 생각되시면 주저말고 연락주시면 감사드리겠습니다. 꼭 부탁드려요!! (aliveornot@gmail.com로 간단히 메일 남겨주시면 연락드릴게요)

설치 링크: https://marketplace.visualstudio.com/items?itemName=n3rds-inc.rnflow