CONTENTS
안녕하세요. 탁자킴입니다.
오늘은 제가 사용하고 있는 oopy 서비스의 팁을 알려드리려고 합니다.
1. OOPY가 뭐에요?
OOPY는 Notion을 웹에서 편하게 공유할 수 있도록 도와주는 서비스입니다.
저는 대략 1년 넘게 사용하고 있는데요, 노션 페이지에 광고를 넣거나, 채팅앱을 탑재하는 등
내 notion을 온라인에서 발행할 수 있도록 쉽게 도와주는 서비스에요
2. 블로그 글에 COPYRIGHT 표기하기
제 notion페이지에는 많은 프로그래밍 코드들을 공유하고 있습니다. 내가 힘써서 찾거나, 구성한 코드를 무단으로 도용당하면 속상하겠죠?
블로그 글을 복사하면 copyright를 표기할 수 있도록 해봤습니다.
우선 oopy.io 에서 code 편집으로 들어갑니다. (oopy 활용은 추후 다루도록 하겠습니다. 그리고 oopy에 튜토리얼이 자세히 나와있어요 ^^)
html 편집
html을 처음하신다구요? 걱정하지 않으셔도 됩니다. 모든 프로그래밍 언어를 alpha부터 omega까지 알 필요는 없어요. 아래 코드 확인하고 본인에 맞게 수정하셔서 적용하시면 됩니다.
COPYRIGHT code
<script type ="text/javascript">
document.addEventListener('copy', (event) => {
const pagelink = `\n\n #원본 출처 ©takjakim: ${document.location.href}`;
event.clipboardData.setData('text', document.getSelection() + pagelink);
event.preventDefault();
});
</script>
HTML
자세한 코드설명은 생략하고! 우리가 수정해야 할 부분은 const pagelink = 이후 부분입니다.
저같은 경우에는 블로그 글을 복사할 경우 원본 출처를 밝히기 위해 document.location.href 를 자동으로 불러와 붙여넣고 싶습니다.
위의 코드를 oopy의 head편집에 붙여넣고 저장해 주세요.
저장하신 후에 왼쪽 하단의 파란색 새로고침 버튼을 눌러주시면! 캐시가 초기화 되면서 곧바로 적용이 됩니다.
한번 확인해볼까요?
적용 확인하기
이렇게 블로그 페이지의 python 코드를 복사해서 pycharm에 붙여넣기 해보겠습니다.
이렇게 코드 아래에 # 원본 출처가 표시되는 것을 볼 수 있습니다.
아무래도 코드가 많은 블로그이기 때문에 불편해하지 않도록 주석으로 붙여넣기 되도록 ‘#’을 추가했습니다.
내 저작권도 지키고, 원본 출처도 밝히기 쉬워졌죠?
마무리
오늘은 여러분들과 함께 간단한 script 코드로 블로그의 저작권 기능을 한번 알아봤습니다.
그럼 추후 oopy 컨텐츠로 또 돌아올게요! 감사합니다.