[Steem Markdown Design Tool 2편] 자기가 원하는 이미지를 마음껏 추가하고 두고두고 편하게 쓰자...!!(안쓰고는 못 배김!! 대문 쓰는 분들 필수!!)

in #kr6 years ago

안녕하세요, 해피베리보이입니다...!!!

어제 글의 호응이 좋아서 하루만에 기능 업그레이드로 돌아 왔습니다..!!!
어제 완전 열코딩을 했더랬죠..!!!

그래서 추가된 기능은 바로바로......



이제 본인이 자주 사용하시는 이미지를 추가/삭제 할 수 있습니다. !! 빠밤!! (이모지, 쌍따옴표가 없는 HTML, GIF 도 사용가능)





먼저 크롬앱을 설치 하는 방법은 1편에서도 보실 수 있지만, 한번 더 동일내용 붙여 넣겠습니다.
Steem Markdown Design Tool 1편

(이미 설치 하신 분들은 자동으로 업그레이드 되어 있어요..^^)





설치방법


  1. 크롬이어야 합니다.!! 또는 웨일브라우저도 가능합니다.(크롬 기반 브라우저는 가능)
  2. https://chrome.google.com/webstore/search/steem%20markdown?hl=ko << 크롬 웹스토어 클릭(위험한 곳 아녀요!!) [현재 버전은 1.1.3 입니다.]
    image.png
  3. "CHROME에 추가"를 클릭!! 하여 설치합니다.(저는 이미 설치가 되어 있어 평가하기가 보이지만, 설치 이전에는 파란색 버튼이 보입니다.)
  4. 설치가 끝나면 우측 상단에 아이콘이 나타납니다. 일단 설치는 완료 되었습니다.
    image.png





본인 자료 추가/삭제 사용법


  1. 먼저 등록하고 싶은 이미지(GIF, 이모지, HTML 등)의 주소를 복사합니다.(웹브라우저에서 떠도는 이미지들은 아래 그림처럼 이미지 위에서 마우스 우클릭을 하고 이미지 주소 복사를 하시면 사용가능합니다.)
    image.png

  2. 크롬 우측 상단에 설치된 Steem Markdown Design Tool을 클릭합니다.
    image.png

  3. 조금 전 복사한 이미지 주소를 Input Your Src 부분에 붙여 넣고 우측 Add 버튼을 클릭합니다.
    image.png

  4. Add를 누른 후에 바로 창이 닫히는데, 다시 열어 보시면 조금전 등록한 이미지가 추가 된 것을 보실 수 있습니다.
    image.png

  5. 이미지 외에 GIF/쌍따옴표가 없는 HTML(쌍따옴표 있는 경우는 조금 더 개발 된 후에 적용가능)/이모지 등도 입력이 가능합니다.
    image.png





글 작성 시 사용법


  1. 글을 작성하러 가봅니다...!! 현재 지원하는 사이트는 steemit.com, steemkr.com, busy.org 세개입니다. 추가로 본인이 쓰시는 특정 사이트가 있으시다 하시는 분은 댓글남겨주세요.
  2. 크롬 우측 상단에 설치된 Steem Markdown Design Tool을 클릭합니다.
  3. 추가 하시고 싶은 이미지 우측의 Add를 클릭하시면 글작성란에 해당 내용이 추가가 됩니다.(엔터한번 쳐주셔야 아래쪽에 Preview 적용되요 ㅠㅠ)
    image.png





앞으로의 개발 계획


  1. 본인이 자주 쓰는 이미지 메뉴얼로 등록 및 사용(완료)
  2. 쌍따옴표 HTML 도 추가 및 사용 할 수 있도록 개발
  3. 등록된 이미지 순서 변경 기능 추가
  4. 백업 및 재로드 기능 추가
  5. 기타 요청 들어오는 내용들 ^^

추가기능설명 및 참고사항


  1. Input Your Src 우측 Init 버튼을 클릭하면 크롬앱을 설치한 최초 상태로 돌아 갑니다.(구분선만 등록된 상태)
  2. 이미지들 우측에 Del은 직감적인 이미지 삭제기능이 맞습니다..!!
  3. 브라우저에 이미지 데이터를 저장합니다.
  4. 브라우저를 새로 설치 하는 경우 초기화 됩니다.
  5. 추후 저장하고 불러오기 기능 추가 할 예정입니다.





아직 다양한 스크립트를 테스트 해보진 못해서 버그가 있을 순 있습니다.
버그로 인하여 기능이 정상적으로 작동하지 않으면 Init 기능으로 초기화 후 다시 사용하시면 됩니다.
다양한 버그 내용들을 공유해주시면 앞으로의 개발에 많은 도움이 될 것 같습니다.

항상 글을 쓰실 때 대문을 사용하시는 분들이나, 자주 사용하시는 이미지가 있는 분들에겐 제 생각엔 아주 편한 기능이 되지 않을까 생각이 됩니다.
아무쪼록 많은 분들에게 도움이 되길 바라며... 맛있는 것 많이 드시고 진짜 매우 즐거운 주말 되시길 바랍니다..!!

글쓰다가 찾은 웃길 짤..

Sort:  

저도 첨에 글을 넣는 방식으로 했는데 사라지기도 하고 그래서 ...

그냥 클립보드에 붙여 넣는것도 생각해 보시면 좋을거 같아요

버튼 누르면 클립보드 복사되도록여 ...

unnamed.jpg

저도 요즘 이거 저거 만드느라 크롬 확장팩은 손 놓은 상태라 T_T

멋진 개발은 @칭찬해 / 더 멋지게 함 만들어 주세여 ㅎㅎ

개인적으로 만들었음 좋은것들

  • 태그 : 개별 태그 입력, 태그기준 검색 ( chrome의 stroage 나 localstorage 이용)
  • 탭 : 카테고리 기준으로 분류, 카테고리 추가 삭제 기능

뭐랄까 입력과 검색을 손쉽게 하면 나중에 짤 찾을 때 넘 좋을거 같아요 ... 짤도 많이 쌓이다 보면 못찾아서 못쓰는지라 ㅜㅜ 나중에는 그냥 구글 검색으로 끌어다써서리 ㅎㅎ

와우..!! 좋은 댓글 감사합니다!!
원사마님은 다방면으로 많은 개발을 하시는군요..!! ㅎㅎ
위에 화면은~ 어디서 작동하는 화면인건가요?? ㅎ 개발중인건가요?

https://steemit.com/kr/@wonsama/5wkd9y

1달 전 즈음에 만들었네요 ㅜㅜ 방치 ㅋㅋ

왜 방치인가요~~ ㅎㅎ 따로 글쓰는 툴을 만들고 계셨던거?? ㅎㅎ
하긴 뭐 방치라기 보단 다른 개발을 워낙에 많이 하시니 말이죠~~
뭐든지 응원합니다!!

살포시 하나 제안드리고 싶은게 마크다운으로 만든 포스팅 전체 템플릿도 동일한 방식으로 가능하지 않을까 합니다. 그걸 통해서 이미지와 선을 자유롭게 툴로 교체하는 방식으로용 ㅎㅎ

아하.. 마크 다운 전체라... 가능할것 같아요~~
일단 HTML 속에 쌍따옴표 부분 처리 하는 부분만 되면 안될것도 없을 듯 해요~ ㅎㅎㅎ
이것저것 테스트 해보는 중입니당 ㅎㅎ

오오...능력자..!!! (항상 보면 본인들 포맷이 있는 경우가 있더라구욤 ㅋㅋ 저 같은 경우 atom에 포맷 저장하구 쓰고 있긴하지만 익스텐션으로 하면 더 좋을 듯 해염+_+)

@happyberrysboy님 안녕하세요. 깜지 입니다. @umkin님이 이 글을 너무 좋아하셔서, 저에게 홍보를 부탁 하셨습니다. 이 글은 @krguidedog에 의하여 리스팀 되었으며, 가이드독 서포터들로부터 보팅을 받으셨습니다. 축하드립니다!
끝내주는 @happyberrysboy님 안녕하세요! 개대리 입니다. 감동적인 @wonsama님 소개로 왔어요. 칭찬이 아주 자자 하시더라구요!! 짱재밌는 글 올려주신것 너무 감사해요. 작은 선물로 0.4 SBD를 보내드립니다 ^^

(jjangjjangman 태그 사용시 댓글을 남깁니다.)
[제 0회 짱짱맨배 42일장]2주차 보상글추천, 1주차 보상지급을 발표합니다.(계속 리스팅 할 예정)
https://steemit.com/kr/@virus707/0-42-2-1
현재 1주차보상글이 8개로 완료되었네요^^
2주차에 도전하세요

그리고 즐거운 스티밋하세요!

아...아...아...
이케 좋은 기능이야 ㅎㅎ

저는 죽어라 하고
폰으로 글을 쓸래요
왜냐면....

뷔밀

아하.. 폰으로 그렇게 길게.. 테이스팀도요?? ㅎㅎㅎ
그렇군요.. 폰 용은... 어떻게 해야하지.. ㅋㅋㅋ 쉽지 않군요 ㅎㅎ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??
그리고 앱은 어떤걸 쓰시는지요? 크롬? 사파리? esteem?

오오 gif도 되는건가염?? 이러다가 마크다운용 에디터가 하나 탄생할 것 같습니다 +_+

넵~ gif도 됩니다~ ㅎㅎ 자꾸 기능을 넣어 봐야 겟어용~ ㅎㅎㅎ

크흐~~ 능력자님+_+ gif 발굴해서 저장좀 해야겠어영 ㅋㅋㅋ

혹시 써보셨나용?? 아직 다른 분들이 쓰는건 보질 못해서요 ㅎㅎㅎ

써보고 있지염+_+ ㅋㅋㅋ

빠빰~~ ㅎㅎ 저도 잘 사용하겠습니다^^

네넵!!! 필요하신 기능 있으시면 알려주시어요!!! ㅎㅎ

와... 진짜 유용하네요! 대박!
전 대부분 폰으로 쓰는데 모바일은 안되려나요?^-^;;

ㅠㅠ 모바일은.. 크롬앱이 안될텐데 말이죵 ㅠㅠ
웹스토어 쓸수 있게부터... ㅎㅎ
한번 연구해봐야겠네요 ㅠㅠ ㅋ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??
그리고 앱은 어떤걸 쓰시는지요? 크롬? 사파리? esteem?

지속적인 개발 감사합니다. PC가 생긴다면 반드시 사용하겠습니다!

PC가 생긴다면.. 이라니요..!! ㅎㅎ
그러면 지금까지 포스팅은 뭘로 하신건지요?? ㅎㅎ

주로 스마트폰과 도서관 컴퓨터를 사용했습니다.ㅠㅠ

아하.. 그렇군요 ㅠㅠ
도서관 컴퓨터에 설치 고고..!! ㅋㅋㅋ

jsj님도 그렇고... 스마트폰 포스팅이라니.. 저는 오타가 많아서 힘들더라고요 ㅠㅠ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??
그리고 앱은 어떤걸 쓰시는지요? 크롬? 사파리? esteem?

좋은 기능이네요!!! 뉴비로써 힘든 부분 중에 하나가 글쓰기였는데 좋은 기능 감사드립니다.!! 실례가 안된다면 스팀헌트에 올렸으면 하는데 직접 올리시는게 나으실것 같아 스팀헌트에 글쓰시는것을 추천 드립니다!! 제가 써도 되면 제가 쓰고 싶긴 하다만...ㅎㅎㅎ 팔로우 하고 갈게요. :)

아하.. 스팀헌트는 생각 해본적이 없었네요.. ㅎㅎ 예전에 1등도 한번 먹어본적이 있었는데도 말이죠;;
으흠... 한번 올려보도록 해봐야겠네요.. ^^
감사합니다..!!

PC보다는 모바일로 글을 쓰는분들이 많을텐데~~ 모바일도 만들어 주세욤^^
1524021105779.gif

아... 모바일로 글 쓰는 분들이 그렇게 많은가요..?? ㅠㅠ
글쓰기는 모바일로는 이미지 넣기 이런것들 때문에 저는 많이 힘들던데 말이죠..

으흠... 모바일로 하려면 근데 앱자체를 제작해야하다보니.. ㅠㅠ
모이또에 넣어달라고 해봐야겠네요 ㅎㅎㅎ

저는 지금까지 폰으로만 모든걸 다 작성해서 pc가 익숙하지 않습니다.
폰으로 안되는게 없으니 스마트폰이 저의 사무실입니다.ㅎ

와~~~ 그렇군요 ㅎㅎ
저는 손이 고자인지 ㅠㅠ 오타가 ㅠㅠ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??

모바일을 하면서 그게 제일 불편한 부분이었습니다.
저는 플레이스토어 esteem앱을 이용해 내 폰에 들어있는 이미지를 넣어 등록할 수 있었는데, 얼마전 업데이트 후 부터는 안되더라구요.
이미지등록이나 커버등록은 사진주소를 입력해야 하니 어쩔수 없이 pc를 사용해서 해야 가능합니다.

그렇군요... esteem 이라... ㅎㅎ 왜 기능을 빼버렸지...
서버비용이 부담이 됐느려나용.. ㅎㅎ
조만간 스팀시티의 모이또가 나오면 좀 편해질런지.. ㅎㅎ
생각해둔 방법은 있긴한데.. esteem으로는 안되구요~~
그냥 사파리나 크롬으로 해야하는데용~~ ㅎ
그래도 괜찮으신가요? ㅎ

이미지는 한번 해 놓으면 자주 바꾸지 않으니 크게 상관없어요~
신경 써 주심에 감사드립니다^^ㅎ

짝짝짝~
고생하셨습네다ㅋㅋ
근데 꼭 크롬을 깔아야하는군요?ㅋ
하루만에 업뎃ㅋ 너무 열정적이신거 아니심?
그래도 슬럼프보다 보기 좋네요~^^
넘 무리하지마셈~ 지치면 아니되옵니다~

홀릭님이나 지치지 마셈~ ㅋㅋㅋㅋ
근데 크롬 안쓰시나 보군요 ㅠㅠ
글은 어떤 브라우져로 쓰시나요?? ㅎㅎㅎ
크롬좀 쓰세요~ 요즘 대세는 누가 뭐래도 크롱크롱입니다!! ㅋㅋ

아넵ㅋㅋ 안지칠게요ㅋㅋ
전 그냥 네이버에 스팀잇 주소치고 들어가는데요?ㅋ
크롬은...왠지 쓰기싫더라고요ㅋ

ㄷㄷㄷ!!!!
아... 전공자와 비전공차이 정도로 봐야겠지요?? ^^;;;;
네이버에서 스팀잇 주소를 치고 들어갈거라곤 생각해본적이 없었네요;;

아.. 네이버에서 검색 후에 들어 가나요?
아니면 steemit.com 을 치고 들어 가나요??
후자 인거지요??

브라우져는 그러면... 인터넷 익스플로러 쓰시나봐요??

크롱으로 바꾸셈!! 아니면 웨일브라우저라던지..

이미 브라우저 시장 1등은 당연 크롱입니다요~

주소를 즐겨찾기 해놨삼ㅋㅋ
인터넷은 e아이콘의 익스플로러가 진리아니었나요ㅋㅋ
크롱은...생각해볼게요ㅋㅋ

세상에나 만상에나...!!!!!
크롱쓰셈..!!
익스플로러는 이제 완전 지는 썬이심~~!! ㅋ

지는 썬을 좋아함ㅋㅋ
곧 써볼게요 ㅋ
탕슉 식겠음~ 어여 가셔요ㅋ

이런 기능 만들려고 생각하고 있었는데 그그그그그그뤠잇~!!!!!!

아 마지막짤 뭐죠 ㅋㅋㅋㅋㅋㅋㅋ 계속보게되네요

아쉬나요님이면 한두시간이면 뚝딱 이었을텐데 말이죠..!! 이틀이나 걸렸네요..!! ㅠㅠ

아!!!!! 다 따라했어요! 자주 쓰는 이미지가 딱 하나 있는데, 내일 쓸거거든요 ㅎㅎㅎ감사해요!

와우~~~~ 감사하고 축하드려요~~~
쓰시다가 와 이 이미지는 다음에도 쓰겠다 싶은건 저장해두고 쓰셔용~~ ㅎㅎ

않이 이런 미췬!! 오져버렸습니다. 킨티콘 등록 가능한 부분입니까?!! @홍보해

홍보감사드립니닷...!!!!!!
엄킨님이라면 유용한 짤들 잘 저장해서 쓰실고 같아요..!! ㅋㅋ

와 근데 저는 스팀잇 이웃분들은 글에 하나같이 정성들 많이 들이셔서
다 PC로 하시는 줄 알았는데 모바일로 작성하시는 분들도 많군요.

그러게 말이예요....
저는 포스팅 한두번 모바일로 했다가 다시는 안했는데 말이죠...
오타작렬... 아이패드로 하시려나... ㅎㅎ

저도 모바일로 사용하는데.. 아마도 모바일을
사용하시는 분들이 많으실 것 같아요~!!
힘써 주셔요~!!^^ 행복한 주말 보내세요~

모바일은.... 모바일은.... 음.... 따로 사이트를 빼야하려나요.... 으흠... 따로 사이트 빼서 써보는 방향으로 한번 시도를 해볼게용~~^^;;

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??
그리고 앱은 어떤걸 쓰시는지요? 크롬? 사파리? esteem?

저는 단순히 제 핸드폰 사진첩만
이용하고 있답니다^^;;
크롬사용해요~!!

이건 무조건 리스팀이다!

PC로 주로 쓰는데 아주 유용한 기능들이 많네요 다음 포스팅도 기대됩니다!

캄사합니다...!!!
일단 저부터 사용하게 되더라고요...!!
나름 쓰기도 편하고 만족도가 나름 나름 나름인것 같습니다..!! ㅋㅋ

다른 컴퓨터에서 크롬에 로그인하면 추가한 이미지도 동일하게 보이나요? 저는 pc방이 제 사무실이라서요.ㅋㅋ 서울 전역의 pc방을 다닙니다.

하하 그러시군요~ 바로 되진 않고요~ 백업기능 및 백업파일 로드 프로그램을 만들 예정입니다~!!
아직은 미구현 상태고요~~
되면 또 포스팅으로 소개드리겠습니다~~!! ㅎ

백업기능이 그것이군요. 기다리고 있겠습니다.^^

크롬을 씁니다만,

설치 고고!!
세상에 @holic7 님은 안쓴다지 뭐예요..!!

귀가 간질간질~
여기였군요ㅋㅋ

함 써보셈 써보셈 써보셈 써보셈 써보셈 써보셈 써보셈 써보셈 써보셈 써보셈 써보셈~~
써보면 확실히 빠르고 좋다는걸 느끼실 수 "도" 있습니다.. ㅋㅋㅋ
크롱 쓰는분은 크롱만 써요~ 써요~ 써요!

크롱 전도사ㅋㅋ
알겠삼~ 컴하게 되믄 해볼게요ㅋ

크롱크롱~

정말 꿀팁이네요. 쵝오!!

감사합니다..!!!
추가 개발 고고 합니다.. ㅎㅎㅎ 일단 요청 들어 오는것들 처리 고고!! ㅋㅋ

어흑
마지막짤은 저같이 산소공포증이 있는 사람에게는 참 보기가 힘이드네요 ㅠㅡㅠ
ㅋㅋㅋㅋㅋㅋㅋㅋ

늘 발전된 유용한 기능을 개발해주셔서 감사해요 ^-^

아하.... ㅠㅠ 안그래도 와이프한테 보여줬더니 와이프는 하나도 안웃기다고 하더라고요 ㅠㅠ
하긴 저게 일부러 괴롭히려고 했던거라면 ㅠㅠ
반성반성.. ㅠㅠ

처음 들렀는데요?
오~~ 능력자시네요. 스팀잇에 개발자분들이 많아서
앞으로 점점 좋아질거라 기대합니다.
좋은 프로그램 많이 개발해 주세요.
감사하게 잘 쓰겠습니다.
팔로우 즐겨찿기 있으면 좋겠단 생각입니다.

감사합니다!! ^^

혹시 말씀하신 팔로우 즐겨찾기라 하심은...
자주 가시는 분들을 등록해놓고, 클릭하면 그분 페이지로 바로 가는 기능 정도면 괜찮을런지요??

특정 분들이 최근에 어떤 글을 썼는지 확인 하기 위함 일까요?? ㅎ
특정 유저분 블로그 탭으로 가는 정도면 될런지요~?

팔로우수가 많아지면 사실 다 확인할수 없고
일부 관심있는글이나 분에 글을 찿아가는데 사실 많이 번거롭죠
전 그래서 steem 에서 제가 아웃보팅한 분들을 우선 선택 찿아가서
글을 읽고 피드글을 읽습니다.

  1. 팔로우의 즐겨찿기
  2. 특정인원과 대화한 내용검색
    • 예전 이분과 이런 대화를 한것 같은 확인하려면 쉽지 않네요

충분한 설명이 되었슨지 모르겠네요.
감사합니다.

1번의 경우는 제가 만든 곳에 추가는 할만하긴 한데요,
2번의 경우는 금방 만들기는 어렵겠네요.. ㅎㅎ
대신 2번의 경우 @asinayo 님이 만드신 프로그램은 있습니다...!!

https://asinayo.github.io/srt/ 여기여요!!

네 감사합니다. 사용하며 혹시 아이디어가 있으면
밀씀드릴께요.
편하게 스팀잇 발전을 위해 노력해주셔서
다시한번 감사드리고요. 점점 편한 스팀잇이
되겠네요.

오~ 직접 개발하셨네요~ 멋진 툴 잘 써보겠습니다~~ ㅎ

감사합니다!!! 쭉 기능을 업그레이드 할테니 잘 써주셔요~~ ㅎㅎ