VelogImg

About

VelogImg는 Velog 글 작성 중 이미지를 더 쉽고 직관적으로 다룰 수 있도록 도와주는 Chrome 확장 프로그램입니다.

마크다운 이미지 문법(![]())으로 삽입한 이미지를 HTML <img> 태그 기반으로 변환하여, 
정렬 · 크기 · 다중 이미지 레이아웃을 UI로 간편하게 설정할 수 있습니다.

주요 기능

🖼 이미지 정렬
- Left / Center

📐 이미지 크기 조절
- 버튼으로 빠르게 선택: 25 / 50 / 75 / 100 (%)
- 직접 퍼센트 입력 가능 (1 ~ 100)

🧩 다중 이미지 레이아웃
- HTML <table> 태그를 활용한 2열 / 3열 이미지 row 배치 지원
- 이미지들을 깔끔한 그리드 형태로 구성 가능

UI 상태가 항상 동기화되어,
현재 이미지에 적용된 옵션을 한눈에 확인할 수 있습니다.

기존에는 이미지 정렬이나 크기 조절을 위해
HTML 태그를 직접 수정해야 하는 번거로움이 있었지만,
VelogImg는 클릭 몇 번만으로 원하는 이미지 설정을 만들 수 있도록 설계되었습니다.


사용 방법

1. Velog 글 작성 페이지에서 이미지를 삽입합니다.
2. 좌측 마크다운 기반 이미지 텍스트를 클릭하거나,
   우측 실제로 보이는 이미지를 클릭합니다.
3. 이미지 위에 나타나는 VelogImg UI에서
   - 정렬
   - 크기
   - 레이아웃 간편 배치
 옵션을 원하는 대로 설정합니다.

설정 내용은 즉시 에디터에 반영됩니다.

주의 사항
- 본 확장프로그램은 Velog(https://velog.io)에서만 동작합니다.
- Velog 에디터 정책 변경에 따라 동작이 달라질 수 있습니다.

 🧪 버전 히스토리

v1.0.0
- Right 정렬 및 Border 기능 제거 (실제 글 게시시에 기능 발현하지 않아 제거하였습니다.) 
- Table 태그 기반 다중 이미지 배치 기능 구현
- UI 단순화 및 핵심 기능 중심 재구성

v0.1.1
- 이미지 Border ON / OFF 기능 추가
- px 단위 테두리 두께 직접 입력 지원
- 버튼 active 상태 UI 개선

v0.1.0
- 이미지 정렬(left / center / right) 기능
- 이미지 크기 조절 UI 제공
- left / right 정렬 시 자동 <br clear="all"> 처리