전체 글에 해당하는 글 234

  1. GitHub로 무료 웹호스팅하기(깃허브, GitHub Desktop 사용)2021.07.03
    수성비전자방입니다. 웹사이트를 만들고 나면 다른 사람들에게 보여주고 싶죠? 그런데 서버를 열기가 부담스러운 분들도 있을 것입니다. 웹호스팅 서비스를 이용하자니 요금이 부담될 수도 있죠. 그런 분들께 도움이 될 수 있는 정보를 드립니다. GitHub를 이용하는 방법입니다. GitHub는 오픈소스 Git 저장소이므로 여러분이 올린 소스코드들을 다른 사람들도 보게 된다는 점 알아두세요! 보안이 중요한 웹사이트는 GitHub로 호스팅하면 안 되겠죠? 1. https://github.com 에 접속합니다. 2. 오른쪽 위의 Sign in을 클릭하여 로그인하거나, Sign up을 클릭하여 회원가입합니다. *. Free 계정과 Pro 계정 중에서 선택할 수 있습니다. 오늘 할 것은 Free 계정으로 충분히 할 수 있..
  2. [Color Scripter]코드블럭을 HTML로 넣어보자!2021.06.26
    수성비전자방입니다. 제 블로그에는 종종 코드블럭을 이용한 글이 올라옵니다. 저는 티스토리의 코드블럭 기능을 사용하지 않고 있습니다. 오늘 제가 사용하는 Color Scripter를 소개해 드리겠습니다. Color Scripter 주소는 아래와 같습니다. https://colorscripter.com/ 소스 코드 작성 처음 접속하면 위와 같은 화면이 뜹니다. 소스 코드를 작성하면 위와 같이 자동으로 언어를 감지합니다. 언어 감지가 마음에 안 든다면 수동으로 언어를 선택할 수도 있습니다. 저는 코드블럭을 사용할 때 어두운 배경색을 좋아합니다. 스타일패키지 중 서브라임 블랙을 적용하면 됩니다. 어두운 배경색으로 적용되었습니다. 배경을 선택할 수도 있는 것 같은데 저는 잘 안 쓰는 기능입니다. 스타일패키지로 충..
  3. 마이크로소프트 엣지 ID 저장 끄기2021.06.23
    수성비전자방입니다. 오늘은 마이크로소프트 엣지 관련 팁을 알려드립니다. 마이크로소프트 엣지에서는 로그인 할 때 ID가 자동완성(?) 됩니다. 문제는 이게 불완전하다는 것이죠. (가족) 공용 컴퓨터라면 ID 목록이 뜨는 것이 불만일 수도 있고요. 오늘은 ID 자동완성을 끄는 법을 알아보겠습니다. 1. 마이크로소프트 엣지 오른쪽 위 설정 및 기타(···)를 클릭합니다. 2. 설정으로 들어갑니다. 3. 프로필로 들어갑니다. 4. 개인 정보를 클릭합니다. 5. '개인 정보 저장 및 채우기'를 끕니다. 이제 ID 자동완성 목록이 나타나지 않습니다. 저의 글을 읽어 주셔서 감사합니다. 다음에 만나요! 수성비의 2in1 노트북은 갤럭시 북 Flex2입니다.
  4. 라즈베리파이 OS에 Visual Studio Code 설치(라즈베리파이3 B+)2021.06.19
    수성비전자방입니다. 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 St..
  5. [포켓튜브]유튜브 구독 목록에 카테고리를 만들자(3)2021.06.16
    수성비전자방입니다. 요즘 유튜브 많이 이용하시죠? 유튜브에서 채널들을 구독하다 보면 이 채널들을 카테고리를 나누어 관리하고 싶을 때가 있습니다. 그래서 오늘은 PocketTube를 소개해 드리려고 합니다. PocketTube는 크로미움 웹브라우저 확장 또는 안드로이드 앱을 설치해서 사용하실 수 있으며, 둘 사이 서로 동기화가 가능합니다. PC에서 포켓튜브 확장 설치하기 1. 확장 스토어에서 PocketTube를 설치해 줍니다. 1-1. 크롬 웹스토어에서 설치(https://chrome.google.com/webstore/detail/pockettube-youtube-subscr/kdmnjgijlmjgmimahnillepgcgeemffb) 1-2. Microsoft Edge 추가 기능에서 설치(https:..
  6. [키위 브라우저]안드로이드에서 크롬 확장 쓰는 법2021.06.09
    수성비전자방입니다. 요즘 저는 부쩍 크롬 확장에 관한 관심이 늘었습니다. 운영체제와 브라우저를 넘나들며 사용할 수 있는 크롬 확장 프로그램의 위엄! 참고로 저는 구글 크롬을 사용하지 않습니다. Microsoft Edge에 크롬 확장을 설치해서 사용하고 있죠. 그렇다면 Windows PC에서 사용하던 크롬 확장을 안드로이드에서도 사용할 수 있을까? 아쉽게도 안드로이드용 크롬에서는 크롬 확장을 사용할 수 없습니다. 그런데 크로미움은 오픈소스죠? 크롬 확장 프로그램을 사용할 수 있는 안드로이드용 웹브라우저가 있습니다! 바로, 키위 브라우저(Kiwi Browser)!!!! 오늘은 키위 브라우저에 대해서 알아보겠습니다. 설치 방법과 이런저런 설정들 https://play.google.com/store/apps/d..
  7. 구글 검색 시 선택한 검색 결과를 새 탭에서 보기(2)2021.05.22
    수성비전자방입니다. 구글은 네이버/다음과 달리 검색 후 선택한 검색 결과가 바로 그 탭에서 접속됩니다. 구글에서도 네이버/다음처럼 선택한 검색 결과가 새 탭으로 열리도록 설정해 보겠습니다. 설정 방법 1. 구글(https://www.google.com)에 접속합니다. 2. 오른쪽 아래 설정을 클릭합니다. 3. 검색 설정으로 들어갑니다. 4. 검색 결과 탭에서 진행합니다. 5. 선택한 검색결과를 새 브라우처 창에서 열기를 체크합니다. 6. 저장합니다. 잘 적용되었는지 확인해 볼까요? 구글에서 아무거나 검색하고 아무거나 클릭해 보았습니다. 선택한 검색 결과가 새 탭에서 열렸습니다! 저의 글을 읽어 주셔서 감사합니다. 자신에게 맞는 방식이 있을 것입니다. 취향에 맞게 설정하시기 바랍니다. 다음에 만나요!
  8. 마이크로소프트 엣지 웹 캡처(그리기 기능 포함)(2)2021.05.15
    수성비전자방입니다. 오늘은 크로미움 기반 Microsoft Edge에 있는 웹 캡처 기능에 대해 알아보겠습니다. 이 기능을 사용해서 일부분만 캡처할 수도 있고, 전체 스크롤 캡처도 할 수 있습니다. 그리기 기능도 있어요!^^ 웹 캡처 기능 사용법 1. Microsoft Edge를 실행합니다. 2. 오른쪽 위 설정 및 기타(···)를 클릭합니다. 3. 웹 캡처를 클릭합니다. 4. 무료 선택 또는 전체 페이지를 클릭합니다. 무료 선택(Free Select) 아래는 무료 선택 결과입니다.(그나저나 'Free Select'를 '무료 선택'이라고 번역하는 게 맞는 건가?) 여기서 복사 또는 메모 추가를 누르실 수 있습니다. 메모 추가를 눌러 보면 그리기/지우기, 공유, 복사, 저장 등이 가능합니다. 저의 S-pe..
  9. Arduino IDE 설치2021.05.08
    수성비전자방입니다. 오늘은 Arduino IDE를 Microsoft 스토어에서 설치하는 방법을 알아보겠습니다. 1. Microsoft 스토어에서 Arduino를 검색하면 Arduino IDE가 나옵니다. 2. Arduino IDE 들어가셔서 받기를 클릭하시면 됩니다. 3. 시작 화면을 보면 설치가 되었죠? 4. 실행하니까 보안 경고가 뜨네요. 액세스 허용하고 사용합시다. 참고로 아두이노 공식 누리집(www.arduino.cc/)에서도 내려받으실 수 있습니다. 아두이노 공식 누리집에서는 하드웨어나 프로그래밍 관련 정보도 얻을 수 있으니 활용하시기 바랍니다. 저의 글을 읽어 주셔서 감사합니다. 다음에 만나요! 수성비의 2in1 노트북은 갤럭시 북 Flex2입니다.
  10. 로지텍 블루투스 마우스 M3372021.05.01
    수성비전자방입니다. 얼마 전 로지텍 블루투스 마우스 M337를 구입했습니다. 제 노트북(갤럭시 북 Flex2)은 USB type-C 포트밖에 없다 보니 USB-A 마우스를 구매하긴 좀 그렇더라고요. 그렇다고 USB-C 마우스를 사기에는 아직 저희 집 모든 기기에 USB-C 포트가 있는 게 아니라서... 결국 블루투스 마우스를 구입하게 되었습니다. 개봉기 이렇게 생겼군요. 저 하얀 종이를 보니 건전지 뚜껑을 열어야겠군요. 흰 종이를 빼고 건전지를 잘 장착해 줍시다. 대략적인 설명들... 경고문. 초기 세팅 방법입니다. 참고로 2번 과정에서 처음에는 블루투스 페어링 버튼을 짧게 눌러도 되지만, 두 번째 새 기기 연결부터는 길게 꾹~ 눌러야 합니다. 바로 위에서 빨갛게 표시한 버튼입니다. Windows PC에..