# Show GN: UI로부터 대응되는 소스코드를 찾아주는 vscode extension

> Clean Markdown view of GeekNews topic #14286. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=14286](https://news.hada.io/topic?id=14286)
- GeekNews Markdown: [https://news.hada.io/topic/14286.md](https://news.hada.io/topic/14286.md)
- Type: show
- Author: [aliveornot](https://news.hada.io/@aliveornot)
- Published: 2024-04-12T22:24:01+09:00
- Updated: 2024-04-12T22:24:01+09:00
- Original source: [landing.visualwind.dev](https://landing.visualwind.dev)
- Points: 12
- Comments: 0

## Topic Body

- React개발을 위한 VS Code Extension  
- Storybook과 유사하게 각 컴퍼넌트를 격리된 환경에서 렌더링  
- 렌더링된 UI를 우클릭하여 대응되는 React 코드를 찾을 수 있음  
- 소스코드의 커서 위치에 따라 대응되는 UI가 자동으로 하이라이트 됨  
- 현시각 기준 Microsoft Marketplace에서 Visualization 부문 #1 Trending.

## Comments



_No public comments on this page._