728x90

수성비전자방입니다. 제 블로그에는 종종 코드블럭을 이용한 글이 올라옵니다. 저는 티스토리의 코드블럭 기능을 사용하지 않고 있습니다. 오늘 제가 사용하는 Color Scripter를 소개해 드리겠습니다.

 

Color Scripter 주소는 아래와 같습니다.

https://colorscripter.com/

 

소스 코드 작성

처음 접속하면 위와 같은 화면이 뜹니다.

 

소스 코드를 작성하면 위와 같이 자동으로 언어를 감지합니다.

 

언어 감지가 마음에 안 든다면 수동으로 언어를 선택할 수도 있습니다.

 

저는 코드블럭을 사용할 때 어두운 배경색을 좋아합니다. 스타일패키지 중 서브라임 블랙을 적용하면 됩니다.

 

어두운 배경색으로 적용되었습니다.

 

배경을 선택할 수도 있는 것 같은데 저는 잘 안 쓰는 기능입니다. 스타일패키지로 충분해서...

 

세부설정도 변경할 수 있습니다.

 

소스코드 복사(HTML로 복사)

*오른쪽 아래를 보시면 '클립보드에 복사' 기능이 있습니다. 클립보드에 복사는 Adobe Flash를 이용하는 기능이므로 사용하실 수 없습니다. HTML로 복사를 이용하시기 바랍니다.

 

HTML로 복사를 클릭하시면 가운데 창이 뜹니다. 가운데 창에 있는 소스코드를 복사하신 후, 티스토리 글쓰기의 HTML모드 같은 곳에 붙여넣기 하시면 글 본문에 코드블럭이 들어가게 됩니다.

 

1
2
3
4
5
#include <stdio.h>
 
int main(void){
    printf("Hello, world!"\n);
}
cs

이렇게 말이죠.

 

*공유하기 기능은 소스코드를 URL로 공유하는 기능입니다. 이 글의 주제와 거리가 멀어서 소개하지 않겠습니다.

 

확장스토어 및 소셜 로그인

소스코드 작성 화면 위쪽을 보시면 확장스토어 버튼이 있는 것을 보실 수 있습니다(세부설정 버튼 옆에). 확장스토어에서 언어팩, 스타일패키지 등을 설치하실 수 있습니다.

*언어팩 만들기, 스타일패키지 만들기는 로그인해야 이용 가능합니다.

 

페이스북 로그인, 구글 로그인이 가능합니다.

 

저의 글을 읽어 주셔서 감사합니다.

소스코드를 작성할 때에는 색깔별로 알록달록하게 보이는 것이 시각적인 만족감을 주는 것 같습니다. 시각적인 만족감을 받기 위해 코드블럭을 찾게 됩니다. 여러분도 자신에게 맞는 코드블럭 찾으셔서 이용하시기 바랍니다.

다음에 만나요!

 

댓글을 달아 주세요

728x90

수성비전자방입니다. 오늘은 마이크로소프트 엣지 관련 팁을 알려드립니다.

 

마이크로소프트 엣지에서는 로그인 할 때 ID가 자동완성(?) 됩니다. 문제는 이게 불완전하다는 것이죠. (가족) 공용 컴퓨터라면 ID 목록이 뜨는 것이 불만일 수도 있고요. 오늘은 ID 자동완성을 끄는 법을 알아보겠습니다.

 

1. 마이크로소프트 엣지 오른쪽 위 설정 및 기타(···)를 클릭합니다.

2. 설정으로 들어갑니다.

 

3. 프로필로 들어갑니다.

4. 개인 정보를 클릭합니다.

 

저의 개인정보를 보호하기 위해 창 아래쪽은 잘랐습니다.

5. '개인 정보 저장 및 채우기'를 끕니다.

 

이제 ID 자동완성 목록이 나타나지 않습니다.

 

저의 글을 읽어 주셔서 감사합니다. 다음에 만나요!

 

댓글을 달아 주세요

728x90

수성비전자방입니다. Raspberry Pi APT Repository에는 Visual Studio Code가 포함되어 있습니다. 오늘은 라즈베리파이3 B+에 Visual Studio Code와 한국어 확장팩을 설치해 보겠습니다.(라즈베리파이4에 설치하는 방법도 동일할 것입니다.)

 

Visual Studio 설치하기

1. 라즈베리파이 OS를 부팅하고, 터미널을 실행합니다.

2. sudo apt update 명령을 실행합니다.

 

3. sudo apt install code 명령을 실행합니다. 그러면 Visual Studio Code 설치가 시작됩니다.

 

4. 잠시 기다리신 후 Visual Studio Code 설치가 완전히 끝나면 터미널 창을 닫습니다.

 

5. 라즈베리파이 메뉴→개발 로 들어가시면 Visual Studio Code가 설치되어 있는 것을 확인하실 수 있습니다.

 

익숙한 디자인의 창이 나오네요. 첫 화면은 튜토리얼 같은 건데 그냥 한 번 읽어 보세요.

 

튜토리얼 같은 것을 모두 넘기고 나면 진짜로 익숙한 첫 화면이 나오게 됩니다.

 

다만, Visual Studio Code를 처음 써 보시는 분들께는 이 화면이 어색할 지도 모르겠는데,

왼쪽 상단의 버튼들은 각각 이런 기능들이니 참고하시기 바랍니다.

 

한국어 확장팩 설치

사실 Visual Studio Code를 설치하고 나면, 그 이후는 운영체제와 상관 없이 사용법이 거의 동일합니다. 그래서 타 OS에서 VScode를 써보신 분들은 이후 내용을 이미 아실 겁니다.

 

1. 확장을 클릭합니다.

2. Korean을 검색합니다.

3. Korean Language Pack for Visual Studio Code를 클릭합니다.

4. Install을 눌러 설치합니다.

 

5. 오른쪽 아래에 VS Code를 재시작하라는 창이 뜹니다. Restart를 클릭하면 재시작됩니다.

 

한국어가 적용되었습니다.

 

Windows에서 쓰는 것과 얼마나 비슷한가?

[폴더 열기]

폴더 열기(파일→폴더 열기)를 누르면 이런 창이 뜹니다. 여기서 폴더를 지정하면

 

좌측에 폴더를 열어놓고 코딩할 수 있습니다.

 

[이 폴더에 있는 파일의 작성자를 신뢰합니까?]

Windows용 VScode에서도 얼마 전에 업데이트된 것인데, 보안을 위해 이런 창이 뜬다고 합니다. 사실 귀찮긴 한데...

 

[터미널]

위의 메뉴 목록의 터미널을 누르신 후 새 터미널을 클릭하시면 VScode 창에서 터미널 창을 사용하실 수 있습니다.

 

여기까지 보면 Windows에서 VScode를 쓰는 것과 거의 비슷하다는 생각이 들죠? VScode의 장점을 잘 활용할 수 있을 것 같습니다.

 

[속도]

한 가지 아쉬운 점은 작동 속도가 느리다는 것입니다. 다만, 제가 라즈베리파이3 B+를 사용하고 있다는 점에 주목하겠습니다. 라즈베리파이4에 설치하면 빠르지 않을까요?

 

저의 글을 읽어 주셔서 감사합니다.

다음에 만나요!

 

추신)라즈베리파이 메뉴를 클릭하지 않고 Visual Studio Code를 실행할 수 있습니다.

터미널 창에 code를 입력하고 엔터 치시면 됩니다.(참고로 Windows PowerShell에서도 쓸 수 있는 방법임.)

 

참고 자료

1) Microsoft. "Visual Studio Code on Raspberry Pi", Visual Studio Code 홈페이지. (2021. 06. 18. 방문).

 

Running Visual Studio Code on Raspberry Pi OS

Get Visual Studio Code up and running on Raspberry Pi OS.

code.visualstudio.com

 

댓글을 달아 주세요

728x90

수성비전자방입니다. 요즘 유튜브 많이 이용하시죠? 유튜브에서 채널들을 구독하다 보면 이 채널들을 카테고리를 나누어 관리하고 싶을 때가 있습니다. 그래서 오늘은 PocketTube를 소개해 드리려고 합니다. PocketTube는 크로미움 웹브라우저 확장 또는 안드로이드 앱을 설치해서 사용하실 수 있으며, 둘 사이 서로 동기화가 가능합니다.

 

PC에서 포켓튜브 확장 설치하기

화질 왜 이러냐-_-.

1. 확장 스토어에서 PocketTube를 설치해 줍니다.

1-1. 크롬 웹스토어에서 설치(https://chrome.google.com/webstore/detail/pockettube-youtube-subscr/kdmnjgijlmjgmimahnillepgcgeemffb)

1-2. Microsoft Edge 추가 기능에서 설치(https://microsoftedge.microsoft.com/addons/detail/pockettube-youtube-subsc/klfeohnijmogpjoeenglhonjfiacajpp?hl=ko)

저는 Edge를 사용하는 관계로 Microsoft Edge 추가 기능에서 설치했습니다.

 

2. 그러면 이런 창이 뜨는데 확장 추가를 클릭합니다.

 

3. 설치가 완료되면 사용 방법을 알려주는 영상이 뜹니다. 영어로 나오긴 하는데 알아서 해석하세요.

 

4. 이제 유튜브에 접속하면 왼쪽에 SUBSCRIPTION GROUPS가 추가된 것을 보실 수 있습니다.

 

5. Group name에 원하는 이름을 입력하시고, +를 눌러 그룹을 추가하세요.

 

참고로 이제 새로고침하거나 유튜브 재접속하시면 그룹을 추가할 수 있는 텍스트 상자가 사라집니다.

6. SUBSCRIPTION GROUPS를 눌러 새로운 그룹을 추가하거나, 구독한 채널을 그룹에 등록할 수 있습니다.

*. v, ^를 눌러 구독 그룹 목록의 위치를 이동시킬 수 있습니다.(ex. v를 누르면 구독 그룹 목록이 구독 채널 목록 아래로 내려감.)

 

SUBSCRIPTION GROUPS를 눌렀을 때 나오는 화면입니다.

*새로운 그룹을 만드려면 CREATE NEW GROUP을 클릭합니다.

 

7. CHANNELS 탭으로 들어왔습니다. 여기에서 구독한 채널들의 그룹을 설정해 줄 수 있습니다.

 

8. 쪽지(?) 모양 그림을 클릭하고 원하는 그룹에 체크하신 뒤 체크 표시를 클릭해서 저장합니다.

수정하려면 그룹명을 클릭합니다.

 

PATREON은 PATRON의 오타인 것 같네요. 후원하면 기능이 늘어난다고 합니다.(저는 안 했습니다.)

 

9. 'SUBSCRIPTION GROUPS' 옆에 있는 점 세 개 버튼을 클릭하면 그룹을 정렬할 수 있습니다.

Custom을 클릭하면 그룹을 드래그해서 순서를 마음대로 조절할 수 있습니다.

 

10. 그룹명을 클릭하면 이렇게 해당 그룹의 채널 목록이 나옵니다.

 

11. 그룹명 오른쪽의 유튜브 아이콘을 클릭하면 해당 그룹의 영상들을 보여줍니다.

 

12. 웹 브라우저에 있는 포켓튜브 확장 아이콘을 클릭하면 설정을 바꿀 수 있는 창이 뜹니다. 확장 창 왼쪽 아래의 버튼은 후원 버튼인데, 스크린샷을 찍을 때에는 이미지가 깨졌지만 현재 업데이트로 개선된 상황입니다.

*. 맨 밑의 lock position in the custom sort view를 체크하시면 custom 정렬된 그룹 목록의 순서가 고정됩니다.

 

13. 확장 창의 BACKUP 탭으로 들어가시면 그룹 목록을 백업하실 수 있습니다.

13-1. EXPORT를 클릭하시면 그룹 목록을 *.json 파일로 받으실 수 있습니다.

13-2. IMPORT를 클릭하시면 *.json 파일을 올려서 그룹 목록을 복원할 수 있습니다.

13-3. 구글 드라이브 동기화 칸에 있는 ENABLE을 클릭하시면 구글 로그인 후 동기화가 가능합니다.

 

13-1. 궁금하실까봐 백업한 *.json 파일을 보여드립니다.

 

13-2. IMPORT를 누르면 나타나는 화면입니다. 파일 선택 클릭 후 *.json 파일을 올리시면 됩니다.

 

13-3. 그렇지만 구글 동기화가 가장 편하죠! 특히 두 개 이상의 기기에서 사용하려면 구글 동기화를 하시는 것이 좋습니다.

구글에 로그인 하시고,

 

허용 누르시면 됩니다.

 

그리고 (한참) 기다리시면 구글 동기화가 진행됩니다. DATA HAS BEEN SYNCED라는 문구가 뜹니다.(이 문구 뜨기까지 시간이 오래 걸립니다...)

*. 참고로 그 옆의 조그만 화살표 버튼은 로그아웃입니다.

 

안드로이드에서 포켓튜브 앱 설치하기

Play 스토어에서 PocketTube를 설치합니다.

https://play.google.com/store/apps/details?id=com.youtubesubscriptionmanager 

 

구글 계정으로 로그인 합니다.

 

허용을 눌러줍니다.

 

그러면 이렇게 PC에서 만든 그룹들이 동기화 되는 것을 보실 수 있습니다.

이 그룹을 누르면 해당하는 채널 목록이 나오고, 채널을 누르면 유튜브 앱으로 연결됩니다.

 

저의 글을 읽어 주셔서 감사합니다.

오늘은 포켓튜브(PocketTube) 사용법을 알아보았습니다. 확장 프로그램은 업데이트가 자주 이루어지고 있습니다. 그만큼 전망이 좋다는 거겠죠? 이 확장/앱 잘 활용하셔서 유튜브를 편리하게 이용하시면 좋겠습니다.

 

댓글을 달아 주세요

728x90

  수성비전자방입니다. 요즘 저는 부쩍 크롬 확장에 관한 관심이 늘었습니다. 운영체제와 브라우저를 넘나들며 사용할 수 있는 크롬 확장 프로그램의 위엄! 참고로 저는 구글 크롬을 사용하지 않습니다. Microsoft Edge에 크롬 확장을 설치해서 사용하고 있죠. 그렇다면 Windows PC에서 사용하던 크롬 확장을 안드로이드에서도 사용할 수 있을까?

  아쉽게도 안드로이드용 크롬에서는 크롬 확장을 사용할 수 없습니다. 그런데 크로미움은 오픈소스죠? 크롬 확장 프로그램을 사용할 수 있는 안드로이드용 웹브라우저가 있습니다! 바로, 키위 브라우저(Kiwi Browser)!!!! 오늘은 키위 브라우저에 대해서 알아보겠습니다.

 

설치 방법과 이런저런 설정들

https://play.google.com/store/apps/details?id=com.kiwibrowser.browser 에서 내려받으시면 됩니다.

(또는 Google Play에서 'Kiwi Browser' 검색)

첫 화면입니다. 참고로 Explore와 뉴스는 오른쪽 위의 X를 눌러 없애실 수 있습니다.

 

오른쪽 위의 점 3개 아이콘을 누르면 앞으로, 북차크 추가, 오프라인으로 저장, 정보, 새로고침 등의 아이콘과 그 밖의 여러 기능들이 있습니다. 스크롤을 내리시면 설정이 있습니다.

 

설정이 구체적이어서 원하시는 대로 설정이 가능합니다.

 

설정검색엔진으로 들어가시면 주소창 검색엔진을 바꾸실 수 있습니다.

설정접근성으로 들어가시면 여러 가지 설정이 가능합니다.

*Edge Swipe는 웹 화면에서 좌/우로 드래그하면 이전/앞으로 페이지로 이동하는 기능입니다. 저는 불편해서 껐습니다.

*그 외에도 다양한 기능들이 있으니 살펴보시기 바랍니다.

 

설정다운로드로 들어가시면 다운로드 관련 설정을 하실 수 있습니다.

다운로드 전에 각 파일의 저장 위치 확인이 마음에 드는군요.

 

파일을 내려받을 때 파일명과 저장 위치를 설정할 수 있습니다.

이 방식을 계속 사용하시려면 다시 표시하지 않음체크 해제하세요!

 

크롬 확장(Extensions) 사용하기

키위 브라우저에서 오른쪽 위 점 세 개짜리 버튼(메뉴 버튼) 누르시고 Extensions로 들어가세요.

그러면 크롬 확장들을 관리하실 수 있습니다.

새로운 확장 프로그램을 설치하시려면 크롬 웹 스토어(https://chrome.google.com/webstore/category/extensions)로 접속하시기 바랍니다.

 

확장 프로그램을 검색하고 Chrome에 추가를 누르면

 

이런 창이 뜨는데 확인을 누르세요.

 

화면 아래쪽에는 다운로드 실패했다고 뜨지만 사실 설치가 된 것입니다.

 

확장 프로그램 관리 화면에서 확인하실 수 있죠.

 

사용하시려면 키위 브라우저에서 오른쪽 위 점 세 개짜리 버튼(메뉴 버튼) 누르시고 (스크롤을 내려서) 설치하신 확장을 누르시면 됩니다.

 

Draw on Page를 예로 들어보겠습니다.

 

가로 화면에 최적화 되어있는 모양인지 반만 그려지네요.

 

가로 모드에서는 이렇게 그릴 수 있습니다. 펜 굵기가 너무 굵어 보이는데 Brush width를 조절하면 가늘게 그릴 수도 있습니다.

Draw on Page를 키위 브라우저에서 사용하면 그리기, 지우기 다 잘 되는데 전체 지우기가 안 됩니다.

전체 지우기를 하려면 X를 눌러 확장을 닫고, 메뉴에서 Draw on Page를 다시 실행하는 수 밖에...

(일부 지우기는 잘 되어서 다행입니다.)

 

삼성 DeX에서 사용하기

'안드로이드에서 크롬 확장을 쓸 일이 있나?'라고 생각하신다면 삼성 DeX를 말씀드리고 싶습니다. 삼성 DeX에서 크롬 확장을 사용하는 방법이 키위 브라우저이기 때문입니다. 키위 브라우저는 삼성 DeX에게 날개를 달아줄 것으로 보입니다. Draw on Page도 대화면에서 더 살아나네요.(전체 지우기는 여전히 안 되지만...)

 

저의 글을 읽어 주셔서 감사합니다.

안드로이드에서 크롬 확장을 사용하고자 하시는 분들께서는 키위 브라우저를 사용해 보실 것을 다시 한 번 추천드립니다.

다음에 만나요!

댓글을 달아 주세요