← 목록으로
개발일지

인스타그램 api를 활용한 게시글 동시발행 시스템 구현

7

제 사이트는 블로그에 글쓰기를 좋아하는 제 성향과
포트폴리오가 필요한 직업 특성이 맞물려

직접 개발한 웹사이트 NFP 디자인이 있었고
이후 전반적인 사이트 리뉴얼을 진행해 완성한게
Studio NFP / 스튜디오 NFP 입니다.

이전 사이트와 다른점이 있다면
디자인만 취급하던 사이트에
계속 뭘 추가하고, 게임 관련 컨텐츠를 업로드 하는게
브랜드 이미지에 노이즈를 끼우는 느낌이라 스스로도 마음에 들지 않았고
그렇게 여러가지를 다루고 싶으면 차라리 별도로 구분해서 관리를 해보자 생각을 하여 새로 만들게 된 사이트 입니다.

그리고 또, 기존 사이트는 Hugo와 넷리파이 cms를 사용해서
글을 작성하면 실시간으로 발행되는게 아닌, 1차 배포 -> 넷리파이에서 재배포 -> 실제 사이트 반영이라는 비 효율적인 프로세스로 구성되어있었고, 동적 사이트를 흉내내는 정적 사이트에 불과했습니다.

이에 불편함을 느껴
자체적으로 블로그형 사이트를 개발해보고자 시작하여 완성한게
현재의 사이트 입니다.

완전한 동적 사이트 까진 아니지만, 이전 사이트 처럼 여러 단계를 밟아 글을 발행하는 번거로움도 없고, 프리셋을 제공받아 커스터마이징이 안되는 불편한 ux/ui의 글 작성 폼도 사용 안해도 되며
마음껏 꾸밀 수 있는 글 작성폼을 직접 제작한 사이트라서
완성도 측면에서나 사용함에 있어선 꽤나 만족감을 느끼고 있습니다.


오늘은 오랫동안 기획했던 기능을 실현한 아주 기쁜 날 입니다.

디자이너로서 작업물을 여러 플랫폼에 게시하기도 하고
여러 팁을 제작해서 게시하기도 했지만
늘 느꼈던 문제는 어차피 같은 내용을 복붙하는데 이렇게 여러 플랫폼에 매번 번거롭게 올려야하나? 였습니다.

이에, 저는 최초로 발행하는 플랫폼인
제 사이트, 스튜디오 NFP에서 타 플랫폼 api를 따와서
같은 내용을 각 플랫폼에 걸맞게 변환하여 입력해버리고
작업 프로세스를 몇단계 줄여버린다면
훨씬 편하지 않을까 생각을 했고

그렇게 오늘 완성한 기능인 SNS 동시공유 기능이 기뻐서
이렇게 기록을 남겨봅니다.


이미지자세히 보기

글 작성을 마치면 하단에 SNS 동시발행 체크박스에서
동시발행을 하고자 하는 플랫폼을 체크 하고 발행합니다.
이후 프로세스가 진행되고 이미지에서 확인할 수 있듯
체크된 플랫폼 (인스타그램)에 동시발행 프로세스가 완료되었다는 팝업을 띄웁니다.

이미지자세히 보기

확인해보니 잘 작동을 합니다.
실제 제 인스타그램 계정에 사이트에서 작성한 게시글, 이미지가 그대로 반영되어 피드에 생성이 되어있습니다.


다른사람들은 ai를 통해 자동화 프로세스를 구축해서
컨텐츠를 공장처럼 찍어내곤 합니다.

저도 그래볼까 했지만, ai가 제작한 컨텐츠는 ai의 냄새가 짙고
그게 싫어서 2차로 가공을 한다면
어차피 지금 제가 만든 프로세스와 크게 다를 게 없다 느꼈습니다.

아무쪼록 오랜시간동안 머리를 싸매고 애써 만들어놓은 이 기능을
추후에도 오래 활용할 수 있으면 좋겠습니다.