<div id="readability-page-1" class="page"><div>
 <div id="SE-0f3f5a1a-df69-4584-8d18-08370f64409d">
 ​Comment 기능 (Giscus) 추가​동영상 페이지 하단에 코멘트 및 리액션 기능을 추가했다. 코멘트 관련 기능을 직접 만들려다가 <a href="https://giscus.app/ko" target="_blank">Giscus</a> 라는 오픈소스를 사용하게 되었다.​Giscuss 를 사용했을때의 장점과 단점은 명확하다.​[ 단점 ]<ul><li>Github Login 필요 (비개발자는 접근성 안좋음)</li></ul>​[ 장점 ]<ul><li>DB 필요 없음<ul><li>Github Discussion 기능을 사용함</li></ul></li><li>Github Login 필요<ul><li>스팸을 줄일수 있음</li><li>누군지 특정할 수 있어서 비방, 욕설 등을 줄일수 있음</li></ul></li><li>관리 포인트 최소화<ul><li>이미 꽤나 유명한 오픈소스라서 관리 포인트가 거의 없다고 할 수 있다.</li></ul></li></ul>
 </div> <div id="SE-17969190-bc13-4694-b481-30715b6340a0">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-17969190-bc13-4694-b481-30715b6340a0&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDEwMDVfMjA5/MDAxNzI4MTE5MjA2OTk1.ZwSe04TueorFbGpDeRxOGF2tAVFIfS4jB4EyrfoXTmQg.B8ZNIculPDDNcdUyoBLbSl754atmv_e-sj28xLu26DEg.JPEG/comment.JPG&quot;, &quot;originalWidth&quot; : &quot;1707&quot;, &quot;originalHeight&quot; : &quot;3014&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDEwMDVfMjA5/MDAxNzI4MTE5MjA2OTk1.ZwSe04TueorFbGpDeRxOGF2tAVFIfS4jB4EyrfoXTmQg.B8ZNIculPDDNcdUyoBLbSl754atmv_e-sj28xLu26DEg.JPEG/comment.JPG?type=w800" data-width="693" data-height="1223" alt="">
 </a>
 
 </div>
 <div id="SE-51a38bfc-b9db-47d0-8213-a8850e02908c">
 ​아직 사용자가 별로 없어서 코멘트 기능이 어느정도의 역할을 해줄지는 의문이다. 그래도 추후 사용자가 많아진다면 지금처럼 단순히 동영상을 보고 끝나는 것이 아닌 자신의 생각과 의견을 나눌수 있는 기능은 필요하다고 생각하고 있었다.​​​Fixed Top Button UI 수정​dark theme 이라서 모든 컴포넌트를 어두운 톤으로 가져가려다 보니 오른쪽 하단에 있는 fixed top button 이 눈에 잘 띄지 않는 느낌을 받았다. ​다른 사이트들을 참고하다보니 fixed top button 은 오히려 theme 톤과 반대로 가는 경우가 많았다. 하여, 하얀 바탕에 검은색 ChevronUp 으로 수정했다.
 </div> <div id="SE-4b3e7efb-1cb2-43dd-9bf4-7c38b1885758">
 <a href="#" onclick="return false;" data-linktype="img" data-linkdata="{&quot;id&quot; : &quot;SE-4b3e7efb-1cb2-43dd-9bf4-7c38b1885758&quot;, &quot;src&quot; : &quot;https://mblogthumb-phinf.pstatic.net/MjAyNDEwMDVfMjEy/MDAxNzI4MTE5NjAwMjg3.oaWhmFf1QFuEIEifmFE7vwUoCUL36FIS75ZiIomiM-Ag.rfhHG12SPNELcOFsmA5_AIkfoVtsobUuJ_uiNuE8CPcg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-10-05_%EC%98%A4%ED%9B%84_6.04.25.png&quot;, &quot;originalWidth&quot; : &quot;1703&quot;, &quot;originalHeight&quot; : &quot;1198&quot;, &quot;linkUse&quot; : &quot;false&quot;, &quot;link&quot; : &quot;&quot;}">
 <img src="https://mblogthumb-phinf.pstatic.net/MjAyNDEwMDVfMjEy/MDAxNzI4MTE5NjAwMjg3.oaWhmFf1QFuEIEifmFE7vwUoCUL36FIS75ZiIomiM-Ag.rfhHG12SPNELcOFsmA5_AIkfoVtsobUuJ_uiNuE8CPcg.PNG/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2024-10-05_%EC%98%A4%ED%9B%84_6.04.25.png?type=w800" data-width="693" data-height="487" alt="">
 </a>
 
 </div>
 <div id="SE-42455ea2-ba23-4201-9257-d53f6350bb63">
 ​​​기타​사이드 프로젝트의 가장 큰 난관은 '아무도 사용하지 않는 서비스를 지속적으로 발전시켜 나가야 한다는 것' 이 아닐까? 기능을 업데이트 했을때 좋든 나쁘든 피드백이 있으면 좋을텐데, 사용자가 없으니 혼자 절에서 수행하는 기분이 드는건 어쩔수가 없다.​다행히도 오래전부터 여러차례 겪은 느낌이라 크게 영향을 받진 않는다. 그리고, 다행히도 이번 프로젝트는 적어도 나 자신은 매일 쓰고 있기 때문에 재밌게 진행하고 있다.​꾸준히 필요한 기능들을 추가하다보면 사용자가 생기지 않을까?​다음 feature 는 일간/주간/월간 best 50 을 제공할 예정이다.​​​#데브허브 #devhub #개발일지 #코멘트 #giscus #utterances #고독 #꾸준함
 </div> </div></div>

나만의공간。

KIM JUNGHWAN

Comment 기능 (Giscus) 추가 동영상 페이지 하단에 코멘트 및 리액션 기능을 추가했다. 코멘트 관련 기능을 직접 만들려다가 Giscus 라는 오픈소스를 사용하게 되었다. Giscuss 를 사용했을때의 장점과 단점은 명확하다. [ 단점 ] Github Login 필요 (비개발자는 접근성 안좋음) [ 장점 ] DB 필요 없음 Github Discussion 기능을 사용함 Github Login 필요 스팸을 줄일수 있음 누군지 특정할 수 있어서 비방, 욕설 등을 줄일수 있음 관리 포인트 최소화 이미 꽤나 유명한 오픈소스라서 관리 포인트가 거의 없다고 할 수 있다. 아직 사용자가 별로 없어서 코멘트 기능이 어느정도의 역할을 해줄지는 의문이다. 그래도 추후 사용자가 많아진다면 지.......

[데브허브] DEVHUB 진행상황 (Giscus 추가) - 2024.10.05

댓글