Netroy's Blog

맥에서 Visual Studio Code 한글 입력오류 해결

네트로이 — Sun, 24 Oct 2021 14:29:03 +0900

간단한 글인데 설치하고 사용할때는 Visual Studio Code가 문제가 없었는데 업데이트 하고나서 갑자기 문제가 생겼다.

가나다라마바사를 입력하면 가다마사만 입력된다거나 환을 입력하면 ㅎㅗㅏㄴ으로 나눠져서 입력되고 4개 키를 동시에 눌러야 받침이 완성된다던가...

Visual Studio Code 로고

과거에도 비슷한 해결글들이 있는 걸 보면 업데이트 고질병인 것도 같아보인다.

Visual Studio Code 실행 후 Cmd + Shift + P를 입력하여 명령창을 띄운 후 표시 언어 구성을 입력하고 선택한다.

표시 언어 구성 설정화면

이후 ko를 선택하면 재실행이 되고 문제가 해결된다.

ko가 없다면 추가 언어 설치를 통해 설치하고 재실행하면된다.

표시 언어 구성 선택 화면

나는 이렇게 해결되었다.

해결이 안되고 리눅스 사용자라면 설정에서 폰트를 변경해보기를 바란다.

해결 되었기를 바란다.

~~아님 말고~~

ungoogled chromium 크롬을 쓰면서 구글의 손아귀에서 벗어나기

네트로이 — Thu, 21 Oct 2021 21:49:08 +0900

ungoogled-chromium 로고

구글은 엄청 크다.

무엇을 하려고만 하면 대부분의 서비스는 구글의 것이며 구글이 만들었고 구글이 운영한다.

최대한 편하게 만들고 무료로 만들며 어떻게든 자사 서비스를 사용하도록 만든다.

물론 나도 돈을 안내도 되니 사용하기는 하지만 구글은 사용자가 알지도 못하게 동의를 요구하는 정책 한쪽 구석에

심지어는 동의조차 받지 않은채로 "그전에도 그랬으니까" 여러 정보를 수집하는 경우도 많이 볼 수 있다.

이런 것들을 모두 싫어하는 사람들 중 개발자들이 모여 Chrome의 기반이되는 Chromium에서 구글과 관련된 모든 것들을 모두 삭제하고 만들어 낸 것이 ungoogled-chromium 이다.

GitHub - Eloston/ungoogled-chromium: Google Chromium, sans integration with Google

Google Chromium, sans integration with Google. Contribute to Eloston/ungoogled-chromium development by creating an account on GitHub.

github.com

설치 방법

1. 바이너리를 통한 설치 ( 대부분의 경우 )

Downloads for ungoogled-chromium

Downloads for ungoogled-chromium IMPORTANT: These binaries are provided by anyone who are willing to build and submit them. Because these binaries are not necessarily reproducible, authenticity cannot be guaranteed. For your consideration, each download pa

ungoogled-software.github.io

위 방법으로 모두 설치가 가능하다.

사이트에 접속하여 본인의 운영체제에 맞게 다운로드하고 설치하면 된다.

2. brew를 이용하는 방법

혹시 brew를 모른다면 이 글을 참고하자

❯ brew install --cask eloston-chromium
==> Downloading https://github.com/kramred/ungoogled-chromium-macos/releases/download/95.0.4638.54-1.1_arm64/ungoogled-chromium_95.0.4638.54-1.1_arm64-macos.d
==> Downloading from https://github-releases.githubusercontent.com/192515338/758252f3-111e-4f57-b82e-9e618660622b?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Crede
######################################################################## 100.0%
==> Installing Cask eloston-chromium
==> Moving App 'Chromium.app' to '/Applications/Chromium.app'
   eloston-chromium was successfully installed!

❯ xattr /Applications/Chromium.app
com.apple.FinderInfo
com.apple.quarantine
❯ xattr -d com.apple.quarantine /Applications/Chromium.app
❯ xattr /Applications/Chromium.app
com.apple.FinderInfo

맥의 brew를 통해 설치할 경우 Apple의 GateKeeper를 우회해야 하기 때문에 코드블럭 마지막 부분에서 작성된 xattr -d 를 통해 com.apple.quarantine 속성을 삭제해줘야 실행할 수 있다.

위 설명을 무시한채 일단 실행부터 하면 아래와 같이 나올 것이다.

GateKeeper로 인해 실행이 막힌 상황

설치하는 방법은 쉽게 가능하니 가이드가 상세하지 않아도 문제는 없을 것으로 보인다.

구글이 도와주던 것들이 삭제되어있다보니 조금 더 불편해진 것도 있고 가벼워진 것처럼 느껴지는 것도 있지만, 조금 더 써보면 알 수 있을 것 같다.

다음 글에서는 ungoogled-chromium을 사용하게 되면 가장 먼저 느끼게되는 불편함인 플러그인을 어떻게 설치해야 하는지 알아보겠다.

맥에 소프트웨어 관리 프로그램 brew 설치 및 사용하기

네트로이 — Wed, 20 Oct 2021 22:34:19 +0900

맥에서는 소프트웨어 관리 프로그램이랄게 크게 필요가 없다.

Apple이 제어하는 App Store에서 필요한 프로그램을 다운로드 받거나

개발자가 각자 프로그램을 만들어 각자의 페이지에서 배포하면 된다.

그런데 한가지 문제가 있다면 기반은 Unix 기반의 BSD로 리눅스에서 사용하던 오픈소스 프로그램의 BSD 버전을 맥에 설치하기 시작하면서 관련 패키지들을 설치하고 관리하는 일이 필요해졌는데 이를 위해 brew 라는 프로그램이 등장하게 된다.

설치는 간단하지만 알기 전까지는 이런게 있다는 것도 모르고 수동으로 관리하는 사람들이나 프로그램을 찾아 수많은 웹 사이트들을 돌아다닐 것이다.

Homebrew 대표로고

설치에 대한 설명 또한 간단하게 되어있으며 https://brew.sh 에 접속하면 알 수 있다.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

한줄을 복사해서 터미널에 실행하면 된다.

그 후 터미널을 닫았다가 다시 연 후에 아래 명령어를 통해 정상적으로 설치되었는지 확인할 수 있다.

❯ brew doctor
Your system is ready to brew.

또한 필수적인 패키지로 꼽을 수 있는 cask는 꼭 설치한다.

❯ brew install cask

이후 아래 명령어를 통해 다음과 같은 작업을 할 수 있다.

brew install <패키지명>

<패키지명>을 설치한다.

brew install --cask <cask 이름>

<cask 이름>을 설치한다. cask란 GUI를 통해 설치해야 하는 것들을 커맨드로 간단하게 설치할 수 있게 해줍니다.

예시로 firefox와 같은 브라우저를 설치한다고 할 때
GUI로 설치하기 위해서는 firefox를 위한 .dmg로 끝나는 이미지 파일을 다운로드 받고 열어서 설치파일을 실행해야 하지만

brew install --cask firefox 한줄 치고 기다리면 알아서 설치가 되어있다.

brew uninstall <패키지명>

패키지를 삭제한다. (~~당연함~~)

brew update

brew 자체와 패키지들에 대한 버전 정보를 업데이트함 ( apt update와 동일한 기능 + apt 자체 업데이트 )

brew upgrade

brew를 통해 설치한 패키지들을 업데이트한다. ( 설치한 패키지에 따라 시간이 꽤 오래 걸릴 수 있음 )

brew search <패키지명>

brew를 통해 설치 가능한 패키지 및 cask를 검색한다.

brew info <패키지명>

brew search를 통해 검색 가능한 패키지들의 간단한 정보를 확인한다.

brew list

brew를 통해 설치된 패키지 목록을 확인한다.

brew가 제공하는 기능에는 없지만 홈페이지를 통해 설치된 패키지들의 랭킹을 제공하고 있다.

https://formulae.brew.sh/analytics/

Analytics Data

Homebrew’s package index

formulae.brew.sh

랭킹의 상위권에 있는 패키지나 cask에 대한 이름을 확인하고 인터넷에서 검색해보는 것만으로도 유용한 패키지나 프로그램을 쉽게 찾을 수 있다.

토스뱅크와 토스뱅크카드 리뷰

네트로이 — Mon, 18 Oct 2021 13:00:56 +0900

토스뱅크 로고

개요

처음에는 토스는 잘 쓰지 않았다. 돈을 보낼때나 쓰는 앱이었고 수수료가 없다는게 장점이었지만 토스에 점점 기능이 많아지고 부가 서비스가 붙으며 불편함을 느끼게 될때 즈음... 카카오페이 같은 것들이 나와서 카톡으로 돈 보내는게 더 나은 경험을 주면서 토스 사용은 점점 줄었다.

그런데 토스에서 은행을 낸다고 하니 일단 사전예약을 하고 기다렸다. 토스 증권이 토스앱과 합쳐지며 말도안되는 로그인 경험을 준 것을 생각하면 충분히 기대됐다. 나는 수수료 무료에 로그인만 편하면 남은 은행들을 다 버리고 갈 준비가 되어있었다.

기존 은행의 문제점

기존 은행들의 문제는 몇가지 있었지만 대체할 곳은 없어서 그냥 사용하고 있었는데 리스트업 하면 다음과 같다.

은행 이체 수수료
인증 후 로그인까지 시간이 너무 많이 걸림
매우 낮은 이율

위 문제를 해결하기 위해서 다들 은행은 놔두고 토스나 카카오페이 같은 서비스를 사용해서 각각의 서비스에 돈을 충전해서 이체하는 형태로 수수료를 아끼고 있었다.

토스뱅크의 등장

사실 카카오페이 쓰다가 카카오 뱅크가 나온다고 했을때도 기대가 많이됐다. 카카오톡에 있는 송금 기능이 카카오뱅크와 연동되어 사용될 줄 알았지만 기대와는 달랐다.

롯데쇼핑몰에서 산 물건을 롯데백화점에서 환불해 주지 않는 것 처럼

카카오뱅크에 입금한 돈을 카카오톡을 통해 출금하는 것은 되지 않았다.

그냥 브랜드만 카카오이자 캐릭터IP를 공유하는 케이뱅크와 마찬가지 였다.

너무 큰 실망을 했고 그 뒤로는 크게 카카오뱅크도 사용하지 않았다.

이때즈음 토스뱅크가 나온다는 소식을 들었다.

토스증권에서 느꼈던 토스 앱에서 증권으로의 스무스한 사용자 경험과 쉬운 가입과정이 뱅크에서도 이루어질 것 같았다.

토스뱅크 조회 사진

내 기대에 부응하듯 토스뱅크는 기존 토스 사용자에게 유연하게 녹아들었다.

연이율 2%는 일시적인 마케팅용 이율일뿐 실질적인 혜택으로 보기는 어려워 보였고

정부의 대출 규제 등 여러 상황으로 인해 장기적으로 이율이 유지될 것인지는 두고봐야겠지만 말이다

오픈 전 변경된 토스뱅크 통장 금리 안내 공지사항

0.1%가 2%가 된 것처럼, 언제든 2%가 0.1%로 바뀔 수 있다.

이렇게 편해도 돼?

또한 너무 편한 나머지 보안이 의심스럽다는 반응이 있고 나 또한 석연치 않은 마음을 내려둘 수는 없지만 관련해서 사용자의 문제를 벗어난 순간부터는 한 기업의 보안 논란을 시작으로 존폐 위기에 기로에 설 수 있기에 그냥 아무 이유 없이 믿기로 했다.

토스 고객센터 내 보안 안내 페이지 (링크)

토스뱅크가 쉬운 가입이 가능한 만큼 다른 뱅킹으로도 쉽게 이동이 가능하니 더더욱이 조심할테니... 뭐 따로 선택지가 없다.

토스에서부터 이어지는 쉬운설정 및 간편한 사용자 경험

토스뱅크 설정 화면

토스뱅크를 쓰면서 타 은행에서의 사용자 경험과는 다른 느낌이 크게 느꼈다.

비밀번호를 변경하기 위해 5개가 넘는 버튼을 누르지 않아도 됐고

자동이체를 설정하는 메뉴를 찾지 못해 검색창을 이용하지 않아도 됐다.

설정하다가 못찾는 것은 크게 없었고 없는 기능은 눈에 들어왔지만 오픈한지 얼마 되지 않은 은행에 큰걸 바라는게 아닐까 싶은 생각도 같이 들었다.

간단히 입출금 통장을 찾는 사람이라면 크게 문제가 될 만한 부분이 없었다.

토스뱅크와 유연하게 연동되는 토스뱅크카드

토스뱅크카드의 설정페이지

카드사 앱중에서도 편한 현대카드에서도 광고로 소개하던 기능들이 버튼하나로 축약됐다.

급하게 카드의 관리페이지에 들어갈 떄 필요한 기능들은 모두 한곳에 모여있고 설정하는 것은 식은 죽 먹기와 같았다.

가장 인상깊었던 부분

토스뱅크 OTP 설정 페이지

토스뱅크카드는 토스뱅크 가입시 자연스럽게 발행을 요구하며 발행을 거절할 수는 있지만 최대한 발행하게끔 요구하고 있다.

굳이 카드를 늘리고 싶지 않은 필자는 거부했지만 추후 왜 이리 카드발행을 들이밀었는지 알게 되었다.

보통 은행사에서는 추가 보안 단계로써 OTP나 보안카드를 요구하고 보안카드를 사진을 찍어 가지고 다니거나 불편하지만 창구에 직접 방문하여 OTP를 사용하는 방법이 있다.

어떤것을 고르던 불편한 것은 마찬가지이고 다들 안하고 인터넷 뱅킹을 통한 이체를 귀찮고 두려운 존재로만 생각하다 모바일 뱅킹으로 구원을 받은 것이 아니던가?

그런데 토스뱅크는 이것을 영리하게 해결했다. 하나카드와 제휴하에 카드 발행을 진행했고 카드 내에 OTP를 내장하여 휴대폰의 NFC로 읽어내면 그것으로 OTP 인증은 끝난다. 정말 타 은행이 벤치마킹 했으면 하는 방법이었다. 이리 편할수가 없다.

또 이 OTP가 내장된 카드로 인해 어쨌든 사용자의 지갑속에는 토스뱅크 카드 한장은 들어가 있게 될 것이다.

물론 카드를 쓰지 않을 수도 있지만 발행해놓고 집 구석에 처박혀있는 수 장의 카드보다는 더 나은 형편이고

추후 공격적인 마케팅으로 사용률을 끌어올릴 기회라도 만들 수 있다.

비즈니스나 보안이나 모두 아주 현명한 선택이 아니였나 싶다.

마무리

토스뱅크는 토스 플랫폼을 통한 진출로 추가 앱설치 없이 기존 사용자들을 빠르게 모집해나갔고 아직도 끝나지 않은 대기열을 기다리는 사람도 많다. 대출규제의 영향이긴 하지만 열흘만에 마감된 대출한도 5000억은 시사하는 바가 크다.

앞으로 큰 적자 없이 운영을 어떻게 해 나갈지는 수많은 의문이 가득하지만 토스가 언제부터 흑자만 내는 기업이었는가

+ 손쉬운 가입

+ 간편하지만 강력한 보안

+ 기한없는 마케팅일 수 있지만 +2%의 높은 저축 금리

토스뱅크는 당신에게 추천해요

은행은 돈을 쌓아두는 곳이고 입출금만 잘 되면 되는 당신

쓰던 은행을 계속 쓰는 이유가 "계속 써왔어서"인 당신

은행을 통한 송금은 불편하고 귀찮은 당신

티스토리에 구글 애널리틱스 설치하기

네트로이 — Sun, 17 Oct 2021 15:00:40 +0900

구글 애널리틱스 로고

블로그에 통계를 수집하는 것은 굉장히 중요하다.

내가 쓰고 있는 글이 보는 이에게 하여금 쉽게 원하는 정보를 찾고 갔는지, 글을 눌러 로딩이 되고 조회수는 1이 올라갔지만 바로 꺼버렸는지 알아내는 것은 추후 글을 작성하는 방향을 잡고 사용자 친화적인 블로그를 만들어나감에 있어서 엄청 중요하다.

그래서 다들 설정하는건데....

설마 이런 걸 글로 쓰게 될 줄은 몰랐다.

설마 이렇게 나눠져 있어서 놓치게 될 줄은 몰랐다.

상황 요약

구글은 2020년 10월 Google Analytics 4 를 출시한다(이후GA4), 기존 사용하던 Universal Analytics(이후 UA)와는 다르게 측정항목도 많아지고 바뀐게 많다.
그러나 GA4는 UA를 모두 대체하며 등장한 것이 아닌 GA4가 일단 출시되고 UA가 하던것들을 대체해가는 상황임
Google Search Console 등 구글이 크게 신경쓰지 않는 부분의 경우 아직도 UA로만 연동 가능한 것들이 존재함

위 상황으로 인해 그냥 만들어서 지나가면 추후에 어라? 하게 되는 경우가 생길 수 있다. 꼭 고려해서 진행하자

1. Google Analytics 속성 생성

새 속성 만들기 클릭

구글 애널리틱스에 접속해서 새 속성 만들기를 클릭한다.

2. 상세 정보 입력

고급 옵션 보기 클릭

각각 입력 및 설정 칸을 설정해준다.

속성 이름 : 구글 애널리틱스에서 조회 할 때 다른 사이트와 구분할 수 있는 이름이 된다.

보고 시간대 : 통계를 저장할 때. 사용하는 시간대를 설정합니다.

통화 : 구글 애드센스, 구글 애드 매니저 등과 연결하면 나타나는 수익에 대한 통화 단위로 사용된다.

3. 고급옵션 보기 클릭

고급 옵션 설정 화면

웹사이트 URL은 블로그의 주소를 작성하면 된다.

사실 옵션에 대한 설명도 되게 부정적으로 적혀있다보니 다들 고르면 "뭐 잘못되는거 아냐?"하고 고르지 않고 넘어가게 된다.

위 요약에서도 언급한 GA4와 UA의 관계를 모르면 더더욱이...

4. 비즈니스 정보 입력

비즈니스 정보 입력 란

추천 설정을 위한 기초 정보 입력부분이다. 적당히 고르고 만들기를 눌러준다.

5. 웹 스트림 세부정보 확인

웹 스트림 세부정보 확인란

위와 같이 고급 옵션을 선택하여 만들게 되면 웹 스트림을 추가할 필요도 없이 기본적으로 추가가 되어 있으며 사이트 태그 또한 연결되어 생성된다.

위에서 보이는 측정 ID를 복사해둔다.

이렇게 생성할 경우 메인으로 사용하는건 GA4와 UA가 동시에 생성되고 각각의 데이터는 서로 연결되어 데이터를 공유시키는데...

UA4 태그는 또 설정이 안되어 있네? 일해라 구글

6. UA -> GA4 연결 설정

UA 태그에서 GA4 태그를 연결하는 설정

UA 태그는 하필이면 구글 서치콘솔에서 사용되니... 귀찮더라도 꼭 연결해두자. GA4 태그에서 수집된 데이터를 UA 태그를 사용하는 구글 서치콘솔에서 활용하게 될테니...

7. 티스토리 플러그인 설정

구글 애널리틱스 플러그인 설정

이전단계에서 생성해서 복사해놨던 측정 ID를 붙여넣고 변경사항 적용을 누른다.

이렇게 되면 적용은 모두 끝났다.

실시간 보고서에서 수집되는 데이터를 보고 블로그 글을 계속 쓰면 된다.

실시간 보고서에서 수집되는 데이터들

잘 된다.

다들 HTML/CSS 수정에 들어가 수동으로 넣어줘야 한다는 말이 많은데 구글 애널리틱스에 대한 업데이트가 진행되기 전까지는 크게 그럴 필요도 없고 관리도 더 안되니 그냥 플러그인을 이용하는 편이 좋다.

우리가 생각하는 것 보다 티스토리 개발진은 구글과 더 긴밀한 소통을 진행한다.

마무리

구글 애널리틱스의 경우 초기에는 단순한 통계 도우미에서 출발해서 현재는 구글과 관련된 서비스를 사용하게 될 경우 필수로 연동되는 서비스로 자리 잡게 되었다.

구글 광고인 애드센스를 붙이게 될 때에도 구글 애널리틱스를 연동하여 사용하게 될 것이고 구글 검색 도우미인 구글 서치 콘솔을 사용하게 되더라도 구글 애널리틱스를 연동하게 될거다.

만약 블로그를 만든지 얼마 안되었고 앞으로 길게하겠다고 다짐했다면 얼마 걸리지도 않으니 꼭 진행하자 :)

Mac 자동완성, 맞춤법 자동 수정 끄기

네트로이 — Sun, 17 Oct 2021 02:29:42 +0900

맥에서 영문을 입력할 때 오타인 것 같으면 자동완성을 표기해주고 고칠것인지 UI가 나타는데 하나 골때리는게 있다.

스페이스바만 누르면 바로 고쳐주기 때문에 띄어쓰기만 썼다하면 바로 고쳐버리는 것이다... ㅋㅋㅋ

맞춤법이나 문법을 정교하게 찝어주면야 다행인데.... 신조어가 난무하는 요즘 세상에 이게 될리가 있나

바로 꺼주자.

1. 설정 -> 키보드로 이동

맞춤법 자동 수정을 꺼주면 된다.