SNS 업로드를 위한 마크다운 리무버 (제작 프롬프트 포함)
바이브 코딩으로 나만의 작은 앱을 만드는 게 너무나 편해졌습니다.
블로그에 긴 글을 쓰고 SNS에 요약해서 올리려고 할 때, 마크다운 문서에 들어있는 포맷팅과 링크를 일일이 지우는 게 너무 귀찮았어요. 그렇다고 포맷 없이 붙여넣으면 구조화가 하나도 안 되고요.
그래서 오늘 아침에 10분만에 이 작업을 도와주는 앱을 하나 만들었어요. 댓글로 링크 남기겠습니다.
아래 스샷처럼 Lovable에서 바이브 코딩하고, 푸터만 직접 조금 손봤습니다. 너무 간단한 기능이라 PRD 따로 작성 안하고 이렇게만 넣었는데 금방 되니까 아주 좋네요.

사용한 프롬프트 전문
I want to create a simple webapp that removes markdown link and formatting from the text.
The purpose is to upload markdown text into SNS(e.g., facebook, linkedin) that doesn't support markdown. But at the same time, the `-`, `#`, numberings should be preserved since it is better for readability.
Let me show you an example.
Before:
```
I want to create a **simple webapp** because
- reason 1: [xx](https://google.com)
- reason 2: [yy](https://google.com)

Blah blah
```
After:
```
I want to create a simple webapp because
- reason 1: xx
- reason 2: yy
Blah blah
```
I think it can be made by a simple regex. The UI has two panels; one on the left is a long textarea, one on the right shows preview which can be copied to clipboard. It should also support mobile view.
2025.06.07 업데이트
링크를 보존해야 하는 글을 쓰레드에 쓸 일이 두 번째 생겨서 업데이트했습니다. 채팅 한번에 업데이트 되니 참 편하네요. 이 앱은 한번도 로직을 살펴본 적이 없군요 ㅎㅎ;
0:00
/0:02
수정한 프롬프트는 다음과 같습니다.
링크를 보여주는 옵션 토글을 추가하자.
예시를 보여줄게.
원본이 이렇게 생겼어.
```
- [ZenCoder](https://zencoder.ai/): 블라블라
- [Bito AI](https://bito.ai/): 어쩌구저쩌구
- [Qodo Merge](https://www.qodo.ai/products/qodo-merge/): 블라블라
- [Diamond](https://diamond.graphite.dev/): 어쩌구저쩌구
```
그러면 현재는 이렇게 되지.
- ZenCoder: 블라블라
- Bito AI: 어쩌구저쩌구
- Qodo Merge: 블라블라
- Diamond: 어쩌구저쩌구
새 옵션은 이렇게 돼.
- ZenCoder: 블라블라 https://zencoder.ai
- Bito AI: 어쩌구저쩌구 https://bito.ai
- Qodo Merge: 블라블라 https://www.qodo.ai/products/qodo-merge
- Diamond: 어쩌구저쩌구 https://diamond.graphite.dev
trailing slash를 없애고, 그 줄의 맨 끝에 띄어쓰기 한칸 한 뒤에 넣는 거야. 만약 한줄에 링크가 여러 개면 맨 뒤에 여러개 들어가도 돼. 이해했으면 구현해줘.
Member discussion