Skip to content

feat: SNS 공유 버튼 + 리액션 크기 개선 + 댓글 새로고침#313

Merged
sdk-kr merged 3 commits into
mainfrom
feat/sns-share-button
Mar 7, 2026
Merged

feat: SNS 공유 버튼 + 리액션 크기 개선 + 댓글 새로고침#313
sdk-kr merged 3 commits into
mainfrom
feat/sns-share-button

Conversation

@sdk-kr
Copy link
Copy Markdown
Contributor

@sdk-kr sdk-kr commented Mar 7, 2026

Summary

  • 본문 하단(추천/신고 옆)에 SNS 공유 버튼 추가
    • 모바일: Web Share API 네이티브 공유
    • 데스크탑: 드롭다운 (URL복사, 카카오톡, X, Facebook, Band, 네이버, Pinterest, Tumblr)
    • use_sns 게시판 설정 연동
  • 리액션 이모지 배지 크기 확대 (가독성 개선)
  • 댓글 작성폼 위에 새로고침 버튼 추가

변경 파일

파일 작업
src/lib/utils/share.ts 신규 — 플랫폼별 공유 유틸리티
src/lib/components/post/share-button.svelte 신규 — 공유 드롭다운 컴포넌트
src/lib/components/post/index.ts ShareButton export 추가
layouts/view/basic.svelte 공유 버튼 배치 (추천/신고 영역)
reaction-bar.svelte 배지 크기 확대
[postId]/+page.svelte 댓글폼 위 새로고침 버튼 추가
v1-v2-feature-comparison.md SNS 공유 항목 추가

Test plan

  • use_sns 활성 게시판에서 공유 버튼 표시 확인
  • 각 플랫폼 클릭 시 올바른 URL로 팝업/공유 확인
  • 카카오톡 SDK lazy loading 정상 동작
  • URL 복사 → 토스트 알림
  • 모바일 네이티브 공유 시트 동작
  • use_sns=0 게시판에서 버튼 미표시
  • 리액션 배지 크기 확대 확인
  • 댓글폼 위 새로고침 버튼 동작

Deploy Bot added 3 commits March 7, 2026 10:35
절대 URL(https://damoang.net/...)을 상대 경로(/free/...)로 변환하여
SPA 내비게이션으로 현재창에서 이동. 텍스트 롤링/이미지 배너 모두 적용.
- SNS 공유 버튼: 본문 하단 추천/신고 옆에 배치
  - 모바일: 네이티브 공유 시트 (Web Share API)
  - 데스크탑: 드롭다운 (URL복사/카카오톡/X/Facebook/Band/네이버/Pinterest/Tumblr)
  - use_sns 게시판 설정 연동 (board.use_sns 조건부 표시)
  - Kakao JS SDK lazy loading (클릭 시에만 로드)
- 리액션 이모지 배지 크기 확대 (h-4→h-5, text-xs→text-sm, py-0.5→py-1)
- 댓글 작성폼 위에 새로고침 버튼 추가
- 기능 비교표 SNS 공유 항목 추가
- basic.svelte: post.subject → post.title (FreePost 타입 호환)
- +page.svelte: secondaryData 댓글/reactions 타입을 서버 반환 타입과 일치
@sdk-kr sdk-kr merged commit 5558608 into main Mar 7, 2026
9 of 12 checks passed
@sdk-kr sdk-kr deleted the feat/sns-share-button branch March 7, 2026 02:48
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Mar 7, 2026

Staging 배포 완료

URL: https://dev.damoang.net
이미지: staging-ceaeb57
커밋: ceaeb57

변경사항을 dev.damoang.net에서 확인하세요.

sdk-kr added a commit that referenced this pull request Mar 7, 2026
## Summary
- 본문 하단(추천/신고 옆)에 SNS 공유 버튼 추가
  - 모바일: Web Share API 네이티브 공유
  - 데스크탑: 드롭다운 (URL복사, 카카오톡, X, Facebook, Band, 네이버, Pinterest, Tumblr)
  - `use_sns` 게시판 설정 연동
- 리액션 이모지 배지 크기 확대 (가독성 개선)
- 댓글 작성폼 위에 새로고침 버튼 추가

## 변경 파일
| 파일 | 작업 |
|------|------|
| `src/lib/utils/share.ts` | 신규 — 플랫폼별 공유 유틸리티 |
| `src/lib/components/post/share-button.svelte` | 신규 — 공유 드롭다운 컴포넌트 |
| `src/lib/components/post/index.ts` | ShareButton export 추가 |
| `layouts/view/basic.svelte` | 공유 버튼 배치 (추천/신고 영역) |
| `reaction-bar.svelte` | 배지 크기 확대 |
| `[postId]/+page.svelte` | 댓글폼 위 새로고침 버튼 추가 |
| `v1-v2-feature-comparison.md` | SNS 공유 항목 추가 |

## Test plan
- [ ] `use_sns` 활성 게시판에서 공유 버튼 표시 확인
- [ ] 각 플랫폼 클릭 시 올바른 URL로 팝업/공유 확인
- [ ] 카카오톡 SDK lazy loading 정상 동작
- [ ] URL 복사 → 토스트 알림
- [ ] 모바일 네이티브 공유 시트 동작
- [ ] `use_sns=0` 게시판에서 버튼 미표시
- [ ] 리액션 배지 크기 확대 확인
- [ ] 댓글폼 위 새로고침 버튼 동작

---------

Co-authored-by: Deploy Bot <deploy@damoang.net>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant