colorful-stars.log

tabby 번역에 참여하기

Fri, 10 Sep 2021 09:52:28 GMT

나는 남들과 같은 터미널을 사용하지 않겠어! 하는 힙스터의 생각이 들 때 tabby 터미널을 마주했다. 이전에는 iTerm 를 사용하고 있었지만 자주 사용하다보니 한번쯤 바꾸고 싶은 생각이 들었다. 물론 얼마 안 가서 사라질 생각 같겠지만... tabby는 윈도우에서도 항상 자주 보던 cmd나 PowerShell 대신 사용할 수도 있다.

tabby를 검색하면 나오는 화면. 고양이에게 밀렸다.

terminal과 같이 검색해야지 홈페이지가 나온다.

현 시간 21년 9월 3일 기준 최신 버전은 Alpha 155다.

보다시피 리눅스, 윈도우, 맥에서 사용 가능하다. 윈도우 사용자라면 setup.exe을 맥 사용자라면 인텔 x86_64, M1 arm64를 다운로드하면 된다.

오픈소스이기 때문에 한글 번역을 해보기로 했다. 이유는 아! 번역을 진행하다보면 정이 붙어 iTerm에서 tabby로 점차 넘어갈 수 있지 않을까 하는 생각이 크다.

가장 마음에 드는 점이라면 SSH 클라이언트다. 간단하게 스크린 샷으로 설명하겠다.

설정에서 SSH 탭으로 들어가면 연결 활성화 하고 닫을 때 경고창이 뜨도록 하는 것인데 단지 탭을 닫을 지, 연결을 끊을 지 선택을 할 수 있다. 체크 해 두는 것이 좋다.

프로필 탭에서 + new profile 버튼을 을 클릭하여 새로운 탬플릿을 만들어야하는데 우리는 SSH을 연결할 것이기 때문에 SSH connection을 선택한다.

이름은 한글도 가능하다. Host에 주소를 적고 Port 번호도 지정해주고 Username도 정해주면 아래의 다섯 가지의 method를 선택해야한다.

윈도우의 .ppk나 맥의 .pem 키를 사용한다면 key탭에서 Add a private key를 눌러 선택해주면 된다. 저장하면 끝!

다 되었다면 탭에서 만들었던 프로필을 선택만 하면 자동 로그인이 되니 좋다.

간단하게 README.md를 번역해보았다. 부족한 실력으로 번역을 진행했으니 읽어보다가 잘못된 곳이 있으면 수정하여 pull request 해주길 바란다.

부푼 마음으로 pull request를 보내고 잠에 들었다.

하지만 다음날 확인해본 결과...

실패했다.

모두가 보는 README.md파일을 직접적으로 번역해서 푸쉬해버렸으니 문제가 되어 거절된 것이다. 이번에는 README.ko-KR.md라는 파일을 만들어 거기에 번역본을 넣고 pull request 보냈다.

결과는...?

성공이다!

READMD.md 상단에 한국어로된 README.md를 제공한다고 링크가 걸려있다.

(페이지 가면 볼 수 있지만 왠지 부끄럽기 때문에 모자이크했다.)

기여 목록에도 내가 추가되었다. 지금은 📖이모지가 붙어있지만 실력이 늘어 프로필 아래에 💻이모지가 붙어있었으면 좋겠다.

📌 pull request가 받아들여지지 않는다면 이 글은 영원히 임시 저장으로 남게 되겠지... 😢

Github 프로필 꾸미기

Sun, 27 Dec 2020 10:36:58 GMT

프로필 README 관리 공식 문서를 참고했다. 검색해 보면 잘 꾸미신 분들이 많으니 그분들의 템플릿을 참고하는 것도 좋다.

1. New repository 생성

New repository 생성하고 Repository name을 Owner과 동일하게 해주면 아래와 같이 고양이가 비밀을 찾았다면서 특수 저장소라고 알려준다.

이때 반드시 공개로 선택하고 Add a README file에 체크를 해주어야한다.

생성을 완료하면 해당화면이 나타나게 되는데 오른쪽의 Edit README으로 README.md파일을 수정해주면 된다.

열어보면 해당 템플릿으로 미리 채워져 있다. 사용해본 기술 스택과 노션으로 관리하는 포트폴리오를 넣어보겠다.

2. 뱃지 만들기

사진처럼 배지로 깔끔하게 꾸미고 싶다면 아래처럼 만들면 된다.

우선 simpleicons에 들어가서 검색창에 원하는 브랜드를 검색한다.

링크 쓰는 법

예시

결과

새 창에서 뜨게 하고 싶어서 target="_blank"을 넣어주었는데 필요 없다면 빼도 된다. Velog 아이콘이 없어서 Vimeo 아이콘을 가져왔다. 색은 Velog의 기본색인 #20c997를 사용했다.

메일의 경우 [연결할 링크]부분에 mailto:자신의 메일 주소를 넣어주면 된다.

깃허브도 동일하게 만들었다.

당연하지만 기술 스택의 경우에는 a태그를 빼면 된다.

3. Github 통계

Github 통계-한국어. madplay님이 번역해주셨다. 해당 블로그 작성글.

위 이미지의 통계를 깃허브 페이지에 넣을 수 있다. 랭크는 S+ (상위 1%), S (상위 25%), A++ (상위 45%), A+ (상위 60%), 그리고 B+ (전체)로 구성되어 있다는데 열심히 해야겠다.

4. Highlight 꾸미기

이제 프로필의 Highlight를 꾸며보자. 나는 PRO 배지가 붙어있는데 Github 학생 개발자 팩으로 학생인 동안 무료 GitHub Pro를 사용할 수 있기에 붙어있다.

위 링크를 들어가면 다양한 혜택들이 존재한다. 다른 배지를 추가해보겠다.

GitHub 아카이브 프로그램 및 북극 코드 보관소

GitHub Archive Program은 간단하게 미래 세대를 위한 오픈 소스 소프트웨어의 보존을 목적으로 한다.

2020년 02월에 공개로 된 저장소가 있었다면 '북극 코드 금고 기여자(Arctic Code Vault Contributor)' 배지를 받게 된다. 나는 당시 저장소가 없었기에 받지 못했다.

Github Developer Program

위 사이트에 접속해서 해당 칸을 모두 채운다면 개발자 프로그램 멤버(Developer Program Member) 배지를 받는다.

5. 결과

⬇⬇⬇⬇⬇

이렇게 변한 것을 볼 수 있다.

👉 참고

전체 흐름: butter-shower 프로필 모양: @woo0_hooo 방문자 수 뱃지: alpoxdev

Velog의 마크다운(Markdown)

Sat, 10 Oct 2020 09:45:20 GMT

들어가기 앞서

마크다운(Markdown)에 대해 다룬 글은 많지만, 스스로가 익숙해지고 자주 쓰기 위해 정리해본 글이다.

마크다운이란

일반 텍스트 기반의 경량 마크업 언어로 Github의 README에서 퍼져나가 현재는 Notion, Velog, Tistory 등 여러 곳에서 마크다운을 지원하니 한번 익혀두면 웬만한 곳에서 사용할 수 있다.

순서

순서는 위의 사진을 따라 감.

작성법

Velog에서는 마크다운 형식과 HTML 형식 둘 다 지원한다.

1. 헤더

마크다운 형식

#의 개수로 H1부터 H6까지 가능하다.

# H1
## H2
### H3
#### H4
##### H5
###### H6

HTML 형식

<>로 열고 으로 닫아주는 HTML의 태그도 사용이 가능하다.

H1
H2
H3
H4
H5
H6

H1

H2

H3

H4

H5

H6

==와 --으로 H2까지 표현할 수 있다. (개수 상관 없음.)

header1
=======
header2
-------

H1

H2

Notion은 ### header3까지만 지원한다. 여기로 넘어온 이유 중 하나.

2. 텍스트 스타일링

마크다운 형식

**볼드체**, __볼드체__
*이탤릭체*, _이탤릭체_
~~취소선~~

HTML 형식

Bold는 안된다.

Bold
이탤릭체, 이탤릭체
취소선, 취소선
밑줄, 밑줄
^윗첨자
_아래첨자
작은 글자
큰 글자

볼드체 이탤릭체 ~~취소선~~ 밑줄 여기의^윗첨자 여기의_아래첨자 작은 글자 큰 글자

미리보기 화면에는 잘 나오는데 작성완료를 누르면 볼드체, 이텔릭체, ~~취소선~~만 적용이 된다.

2.1 공백

Velog에서는 아무리 스페이스바를 눌러 띄어쓰기를 해도 결과는 하나의 띄어쓰기만 적용된다. 를 사용하면 공백을 넣을 수 있다.

이런식     으로

이런식 으로

3. 인용

마크다운 형식

>으로 인용문을 작성할 수 있다.

HTML 형식


인용

인용

>의 개수에 따라 >>, >>> 중첩도 가능하다.

한 개

두 개

세 개

4. 링크

마크다운 형식

인라인 링크
[링크 설명](http://www.google.co.kr)

url 링크

HTML 형식

HTML 링크 설명

새 탭으로 띄우기
링크이름

링크 설명 http://www.google.co.kr HTML 링크 설명 새 탭

5. 이미지

마크다운 형식

인라인 링크 앞에 ! 를 붙여주면 이미지 링크가 된다.

![이미지 설명](이미지 링크)
![google](https://www.google.co.kr/images/branding/googlelogo/2x/googlelogo_color_160x56dp.png)

이미지 클릭시 해당 url로 연결

[![이미지 설명](이미지 링크)](클릭시 연결될 url)
[![google](https://www.google.co.kr/images/branding/googlelogo/2x/googlelogo_color_160x56dp.png)](http://www.google.co.kr)

HTML 형식

링크 태그 안에 이미지 태그를 넣어주면 된다.

6. 코드 블럭

마크다운 형식

```　
백틱(`)을 위, 아래 세 개로 감싸서 사용할 수 있다.
```

이렇게 세 개로 감싸서 사용할 수 있다.

6.1 인라인 코드

백틱으로 양 옆을 감싸면 인라인 코드를 사용할 수 있다.

7. 하이라이팅

다양한 언어 하이라이팅을 지원하는데

```html 백틱 옆에 해당 언어를 소문자로 적어주면 자동으로 하이라이팅을 해준다.

HTML




hello


   Hello World!

JAVA

public class hello {
   public static void main(String[] args) {
      System.out.println("Hello, world!");
   }
}

Python

def hello():
    print('Hello, world!')
hello()

8. 리스트

마크다운 형식

- 하이픈, * 별표, + 더하기 모두 순서가 필요없는 같은 서브 리스트 기호다.

1. 순서가 필요한 리스트
   2. 순서가 필요한 서브 리스트
      2.1 순서가 필요한 서브 리스트

1. 순서가 필요한 목록
   - 순서가 필요없는 서브 리스트
   - 순서가 필요없는 서브 리스트

- 순서가 필요없는 서브 리스트 기호
   - 하이픈
   * 별표
   + 더하기

- 같은 기호라도
   - 탭(Tab)으로
      - 다른 기호를 낼 수 있다.

순서가 필요한 리스트 1.1 순서가 필요한 서브 리스트
순서가 필요한 리스트
- 순서가 필요없는 서브 리스트
- 순서가 필요없는 서브 리스트

순서가 필요없는 서브 리스트 기호
- 하이픈
- 별표
- 더하기
같은 기호라도
- 탭(Tab)으로
  - 다른 기호를 낼 수 있다.

HTML 형식


  순서가 필요한 리스트
  순서가 필요한 리스트



  순서가 필요없는 서브 리스트
  순서가 필요없는 서브 리스트
    
      순서가 필요한 리스트
      순서가 필요한 리스트

순서가 필요한 리스트
순서가 필요한 리스트

순서가 필요없는 서브 리스트
순서가 필요없는 서브 리스트

순서가 필요한 리스트
순서가 필요한 리스트

9. 체크박스

마크다운 형식

[] 대괄호의 앞, 뒤로 띄어쓰기를 주어야 한다.

- [ ] : false
- [x] : true

텍스트 스타일링과 같이 미리보기 결과에는 이렇게 잘 뜨지만 작성완료를 하면 누르는 체크박스로 바뀌게 된다.

(어째서지...)

10. 수평선

마크다운 형식

3개 이상으로 적으면 수평선이 그어진다.

---
***
___

HTML 형식

11. 테이블

마크다운 형식

--- 기본 정렬 :--- 왼쪽 정렬 ---: 오른쪽 정렬 :---: 가운데 정렬

| 제목 | 제목 | 제목 |
| :--- | :---: | ---: |
| 내용 | 내용 | 내용 |
| 내용 | 내용 | 내용 |

제목	제목	제목
내용	내용	내용
내용	내용	내용

HTML 형식


  
    제목
    제목
    제목
  
  
    내용
    내용
    내용
  
  
    내용
    내용
    내용

제목	제목	제목
내용	내용	내용
내용	내용	내용

11.1 셀 병합

HTML 형식

colspan=" " 열(column) 병합


  
    내용
    내용
  
  
    내용

내용	내용
내용

미리보기 화면에서는 셀이 병합되지만 작성완료하면 병합이 안된다.

rowspan=" " 행(row) 병합

내용	내용
	내용

미리보기 화면에서는 셀이 병합되지만 작성완료하면 병합이 안된다.

12. 😌 이모지

💻 MacOS control + command + space bar

🖥 Windows window key + .

colorful-stars.log

tabby 번역에 참여하기

Github 프로필 꾸미기

1. New repository 생성

2. 뱃지 만들기

3. Github 통계

4. Highlight 꾸미기

GitHub 아카이브 프로그램 및 북극 코드 보관소

Github Developer Program

5. 결과

👉 참고

Velog의 마크다운(Markdown)

들어가기 앞서

마크다운이란

순서

작성법

1. 헤더

마크다운 형식

HTML 형식

H1

H2

H3

H4

H5

H6

H1

H2

H3

H4

H5

H6

H1

2. 텍스트 스타일링

마크다운 형식

HTML 형식

2.1 공백

3. 인용

마크다운 형식

HTML 형식

4. 링크

마크다운 형식

HTML 형식

5. 이미지

마크다운 형식

HTML 형식

6. 코드 블럭

마크다운 형식

6.1 인라인 코드

7. 하이라이팅

8. 리스트

마크다운 형식

HTML 형식

9. 체크박스

마크다운 형식

(어째서지...)

10. 수평선

마크다운 형식

HTML 형식

11. 테이블

마크다운 형식

HTML 형식

11.1 셀 병합

HTML 형식

12. 😌 이모지

마치며