# 와이어프레이밍, 목업, 프로토타이핑 뭐가 다른건가요?

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=5813](https://news.hada.io/topic?id=5813)
- GeekNews Markdown: [https://news.hada.io/topic/5813.md](https://news.hada.io/topic/5813.md)
- Type: news
- Author: [ohjongin](https://news.hada.io/@ohjongin)
- Published: 2022-01-24T10:49:31+09:00
- Updated: 2022-01-24T10:49:31+09:00
- Original source: [brunch.co.kr](https://brunch.co.kr/@ywkim36/67)
- Points: 9
- Comments: 0

## Topic Body

많이 사용하지만 막상 설명하려면 구분하기 어렵고 혼용해서 사용하다보면 헷갈리는 용어와 개념을 잘 설명하고 있습니다.

- 와이어프레임

레이아웃을 구성하는 웹사이트, 웹 앱 또는 모바일 앱에 대한 시각적 가이드입니다. 와이어프레임은 프로덕트 아이디어를 개념화하거나 전달하려는 경우 보통 가장 먼저 하는 일이죠. 가장 보편적인 커뮤니케이션 방법입니다. 즉 내 앱의 내용이 어디로 갈 것인지에 대한 대략적인 구조를 보여주는 것입니다.

- 목업

실제로 최종 프로덕트가 시각적으로 어떻게 보여야 하는지에 대한 정적 디스플레이

- 프로토타이핑

목업으로 만들어진 스태틱 디스플레이 즉 정적 화면에 이제 상호 작용 즉 interaction을 추가

## Comments



_No public comments on this page._