📚 우리를 위한 기록

Stackticon: Readme 작성시 기술스택 추가 꿀팁(진짜꿀팁..진짜루..)

Po_tta_tt0 2023. 6. 1. 23:00
반응형

 

 

🚀 Stackticon으로 기술스택 간편하게 추가하기!

저는 Readme 작성하는게 너무너무 귀찮았어요.

무엇보다 기술스택을 작성하는 부분이 가장 귀찮더라구요.

그래서 가져왔습니다. 정말 쉽고 진짜 간단하게 기술스택을 img 형태로 만들어서 가져다주는 갓. 서비스를요

개발자라면 꼭한번써봐야할 서비스중하나! stackticon 소개합니다 🐶💕

말투가 네이버 블로그같죠? 마지막에 '**에서 협찬받았지만 직접 사용해보고 작성한 후기입니다' 적혀있을것같죠?

절대아닙니다 절대아니에요. 말투는 네이버 블로그를 쓰다 와서 그래요.

먼저 이해를 구하고 들어가겠습니다 💦💦

 

 

🖐 사용 방법

guideGIF

  1. 자신이 사용한 기술 스택을 검색한 후 create 버튼을 눌러요

 

 

 

chooseColor

  1. 만들고싶은 이미지 색상을 선택한 후

 

 

 

chooseImageUseage

  1. 상황에 따라 원하는 저장방식을 선택!

 

 

 

🔥 짠! 완성입니다! (참쉽죠?)

stackticon

copy for readme

[![stackticon](https://firebasestorage.googleapis.com/v0/b/stackticon-81399.appspot.com/o/images%2F1685609218857?alt=media&token=aa3e50fd-be39-4779-bd7b-9c5d6234a8f9&_gl=1*1mo2srk*_ga*MTk2NTQ0MjI5Mi4xNjc2NjI1NDEw*_ga_CW55HF8NVT*MTY4NTYyNjM3OS4yMS4xLjE2ODU2MjY0MTIuMC4wLjA.)](https://github.com/msdio/stackticon)

copy link only

https://firebasestorage.googleapis.com/v0/b/stackticon-81399.appspot.com/o/images%2F1685609218857?alt=media&token=aa3e50fd-be39-4779-bd7b-9c5d6234a8f9&_gl=1*1mo2srk*_ga*MTk2NTQ0MjI5Mi4xNjc2NjI1NDEw*_ga_CW55HF8NVT*MTY4NTYyNjM3OS4yMS4xLjE2ODU2MjY0MTIuMC4wLjA.

copy img tag

[![stackticon](https://firebasestorage.googleapis.com/v0/b/stackticon-81399.appspot.com/o/images%2F1685609218857?alt=media&token=aa3e50fd-be39-4779-bd7b-9c5d6234a8f9&_gl=1*1mo2srk*_ga*MTk2NTQ0MjI5Mi4xNjc2NjI1NDEw*_ga_CW55HF8NVT*MTY4NTYyNjM3OS4yMS4xLjE2ODU2MjY0MTIuMC4wLjA.)](https://github.com/msdio/stackticon)

이렇게 세가지 저장방식으로 저장할 수 있습니다!

링크를 받아서 작업해줘야하는게 아니라 그냥 바로 원하는 방식으로 받아서 넣을 수 있다는 점이 너무 편하고 좋은 것 같아요!

 

 

 

⚡ 더욱 간편하게, repo로 추가하기!

기술 스택을 하나하나 찾기도 귀찮다면?
fromRepository 기능이 있습니다

 

fromRepository

repository URL을 추가하시면, repository로부터 기술 스택을 추출하는 기능도 있습니다😆 짱 편하죠

스택을 자동으로 가져옵니다!

 

 

 

😖 만약 내가 사용한 스택이 존재하지 않는다면?

How To Contribute

You can contribute with adding icon.
You only need to add info about icon in custom-icons.json file. You should add like following:

{
"title": "Java",
"slug": "java",
"hex": "3174b9",
"path": "path",
"viewBox": "viewBox"
},
title : Every word should start with capital letter. ex) Two Words
slug : Same as title, but remove space between words and use small letter at very first. ex) twoWords
hex : Color of svg. Please write without #.
path : Path of svg.
viewBox : ViewBox of svg.

원하는 스택 이름과 svg만 있다면 정말 간단하게 컨트리뷰트도 할 수 있습니다✨
어찌됐든 오픈소스니 기여해보시는것도 좋은 경험이 될거에요!🚀

 

 

Stackticon 사용하러 가기

 

stackticon

Create skill set for project

msdio.github.io

 

공식문서 구경가기

 

GitHub - msdio/stackticon: Make skill sets image for readme

Make skill sets image for readme. Contribute to msdio/stackticon development by creating an account on GitHub.

github.com

 

반응형