blog.holy.kiwi

๐Ÿ‘จโ€๐Ÿ’ป ๋‚ด๊ฐ€ ๋งฅ๋ถ์„ ์„ธํŒ…ํ•˜๋Š” ๋ฐฉ๋ฒ•

June 24, 2020 โ€ข โ˜•๏ธโ˜•๏ธ 10 min read

์—…๋ฐ์ดํŠธ 2021-04-21: ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ถ”๊ฐ€ํ•จ

๋งฅ๋ถ 2015๋…„ํ˜•์—์„œ 2019๋…„ํ˜•์œผ๋กœ ๋ฐ”๊พธ๋Š” ๊น€์— ์ž‘์„ฑํ•˜๋Š” ๋‚˜๋งŒ์˜ ๋งฅ๋ถ ์„ธํŒ…, ํ•„์ˆ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ •๋ฆฌ

์‹œ์Šคํ…œ ํ™˜๊ฒฝ์„ค์ •

ํ‚ค๋ณด๋“œ

ํ‚ค๋ณด๋“œ > ๋‹จ์ถ•ํ‚ค

  • ์ด์ „ ์ž…๋ ฅ ์†Œ์Šค ์„ ํƒ(ํ•œ์˜์ „ํ™˜)์€ command + space๋กœ ๋ณ€๊ฒฝ
  • Spotlight ๊ฒ€์ƒ‰ ๋ณด๊ธฐ๋Š” control + space๋กœ ๋ณ€๊ฒฝ

ํ‚ค๋ณด๋“œ > ํ…์ŠคํŠธ

  • ๋งž์ถค๋ฒ• ์ž๋™ ์ˆ˜์ • X
  • ์ž๋™์œผ๋กœ ๋ฌธ์žฅ์„ ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ X
  • ์ŠคํŽ˜์ด์Šค๋ฅผ ๋‘ ๋ฒˆ ๋ˆŒ๋Ÿฌ ๋งˆ์นจํ‘œ ์ถ”๊ฐ€ X
  • Touch Bar ์ž…๋ ฅ ์ œ์•ˆ X

ํ‚ค๋ณด๋“œ > ํ‚ค๋ณด๋“œ > Control Strip ์‚ฌ์šฉ์žํ™”

  • ํ„ฐ์น˜๋ฐ” ์‚ฌ์šฉ์žํ™” ๊ฐ€๋Šฅ

    • ์ž ์ž๊ธฐ ๋ฒ„ํŠผ์„ ์‹œ๋ฆฌ ๋Œ€์‹  ๋ฐฐ์น˜ํ•จ

Dock

  • Dock์€ ์˜ค๋ฅธ์ชฝ์œผ๋กœ
  • ํ™•๋Œ€ X
  • ๊ฐ€๋ฆฌ๊ธฐ X

์‚ฌ์šด๋“œ

  • ๋ฉ”๋‰ด ๋ง‰๋Œ€์—์„œ ์Œ๋Ÿ‰ ๋ณด๊ธฐ๋ฅผ ์ฒดํฌ

ํŒŒ์ธ๋”

  • ํŒŒ์ธ๋” - ๋ณด๊ธฐ - ๊ฒฝ๋กœ ๋ง‰๋Œ€ ํ‘œ์‹œ, ์ƒ๋Œ€ ๋ง‰๋Œ€ ํ‘œ์‹œ
  • ํŒŒ์ธ๋” - ํ™˜๊ฒฝ์„ค์ • - ๊ณ ๊ธ‰ - ํด๋”์šฐ์„ ์ •๋ ฌ: ์œˆ๋„์šฐ์—์„œ

    • ์ •๋ ฌ ์ƒ๊ด€์—†์ด ํด๋”๊ฐ€ ๋งจ ์œ„๋กœ ์ •๋ ฌ

Siri

  • Siri์—๊ฒŒ ์š”์ฒญํ•˜๊ธฐ ํ™œ์„ฑํ™” ํ•ด์ œ

ํŠธ๋ž™ํŒจ๋“œ

  • ํƒญํ•˜์—ฌ ํด๋ฆญํ•˜๊ธฐ

๊ธฐํƒ€

  • ์˜ค๋””์˜ค ํŒŒ์ผ์ด ์Œ์•…์•ฑ์—์„œ ์•ˆ์—ด๋ฆฌ๊ฒŒ ํ•˜๊ธฐ

    • ์ •๋ณด ๊ฐ€์ ธ์˜ค๊ธฐ - ๋‹ค์Œ์œผ๋กœ ์—ด๊ธฐ - ํ€ตํƒ€์ž„ ํ”Œ๋ ˆ์ด์–ด - ๋ชจ๋‘ ๋ณ€๊ฒฝ

ํ•„์ˆ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜

Chrome

  • ์„ธ๊ณ„ 1๋“ฑ ๋ธŒ๋ผ์šฐ์ € ํฌ๋กฌ

Whale

  • ์š”์ฆ˜์€ ์›จ์ผ์„ ๋ฉ”์ธ์œผ๋กœ ์“ฐ๊ณ  ์žˆ๋‹ค.
  • ํฌ๋กฌ์— ์—†๋Š” ์œ ์šฉํ•œ ๊ธฐ๋Šฅ๋“ค์ด ๋งŽ๋‹ค.

VS Code (๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ)

  • JS ๊ฐœ๋ฐœ์ž๊ฐ€ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” IDE

์„ค์น˜ํ•ด์•ผ ํ•˜๋Š” ํ™•์žฅํ”„๋กœ๊ทธ๋žจ

  • eslint
  • prettier
  • Material Theme

    • Material Theme High Contrast ์‚ฌ์šฉ์ค‘
  • Material Icon Theme
  • git lens
  • git history
  • Typescript React code snippets

ํฐํŠธ

  • FiraCode

์„ค์ •

  • Settings > Format On Save ์ฒดํฌ
  • Preferences > Keyboard Shortcuts

    • ์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ์— Open Keyboard Shortcuts (JSON) ํด๋ฆญ ํ›„ ๋‹ค์Œ ์ฝ”๋“œ ์ถ”๊ฐ€
    • command + ์ˆซ์ž ์กฐํ•ฉ์œผ๋กœ ํƒญ ์ด๋™ ๊ฐ€๋Šฅ
์„ค์ • ์ฝ”๋“œ ํŽผ์น˜๊ธฐ / ์ ‘๊ธฐ
[
    {
        "key": "cmd+0",
        "command": "workbench.action.openLastEditorInGroup"
    },
    {
        "key": "cmd+1",
        "command": "workbench.action.openEditorAtIndex1"
    },
    {
        "key": "cmd+2",
        "command": "workbench.action.openEditorAtIndex2"
    },
    {
        "key": "cmd+3",
        "command": "workbench.action.openEditorAtIndex3"
    },
    {
        "key": "cmd+4",
        "command": "workbench.action.openEditorAtIndex4"
    },
    {
        "key": "cmd+5",
        "command": "workbench.action.openEditorAtIndex5"
    },
    {
        "key": "cmd+6",
        "command": "workbench.action.openEditorAtIndex6"
    },
    {
        "key": "cmd+7",
        "command": "workbench.action.openEditorAtIndex7"
    },
    {
        "key": "cmd+8",
        "command": "workbench.action.openEditorAtIndex8"
    },
    {
        "key": "cmd+9",
        "command": "workbench.action.openEditorAtIndex9"
    },
    {
        "key": "ctrl+1",
        "command": "workbench.action.focusFirstEditorGroup"
    },
    {
        "key": "ctrl+2",
        "command": "workbench.action.focusSecondEditorGroup"
    },
    {
        "key": "ctrl+3",
        "command": "workbench.action.focusThirdEditorGroup"
    },
    {
        "key": "cmd+'",
        "command": "editor.action.goToTypeDefinition"
    }
]

Alfred 4

  • Alfred ์—†์ด macOS๋ฅผ ์“ฐ๋Š”๊ฑด ๋งค์šฐ ๋ถˆํŽธํ•˜๋‹ค.
  • Mega Supporter ํŒŒ์›ŒํŒฉ์„ ๊ตฌ๋งคํ•ด์„œ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค.
  • ์ฃผ๋กœ Alfred์˜ Clipboard History, Snippets, Web Search, Workflows ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•œ๋‹ค.

    • Clipboard History ๊ธฐ๋Šฅ์€ ๋ณต์‚ฌํ•˜๋Š” ๋‚ด์šฉ๋“ค์„ ๋ณด๊ด€ํ•ด์ค€๋‹ค. ํ…์ŠคํŠธ, ์‚ฌ์ง„ ๋“ฑ ๋ชจ๋‘ ๋ณด๊ด€ํ•ด์ค˜์„œ ํŽธ๋ฆฌํ•˜๋‹ค.
    • Snippets ๊ธฐ๋Šฅ์€ ๋งŽ์ด ์“ฐ๋Š” ํ…์ŠคํŠธ๋‚˜ ์ด๋ชจ์ง€๋ฅผ ์งง์€ ํ…์ŠคํŠธ๋กœ ๋งคํ•‘ํ•ด๋†“์œผ๋ฉด ํŽธํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
    • cslg ๋„ค๊ธ€์ž๋งŒ ์ž…๋ ฅํ•˜๋ฉด console.log({cursor});๊ณผ ๊ฐ™์€ ์ฝ”๋“œ๊ฐ€ ์ž‘์„ฑ๋˜๋„๋ก ํ•˜๋Š” ๋“ฑ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ์ถ”์ฒœ workflows๋Š” alfred-workflows ์ฐธ๊ณ 

Source Tree

  • ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๋Š” Git GUI

Git Kraken

  • Source Tree์—์„œ Git Kraken์œผ๋กœ ์˜ฎ๊น€
  • ๋งค์šฐ ์ง๊ด€์ ์ธ Git GUI ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ (์œ ๋ฃŒ)

Magnet (๋งˆ๊ทธ๋„ท)

  • ์œ ๋ฃŒ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ (์‚ด ๋•Œ๋Š” 1,200์›์ด์—ˆ๋Š”๋ฐ ์ง€๊ธˆ๋ณด๋‹ˆ 3,900์›์ด๋‹ค)
  • ๋‹จ์ถ•ํ‚ค๋กœ ํ™”๋ฉด ๋ถ„ํ• ์„ ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์คŒ

iShot

  • ์Šคํฌ๋ฆฐ์ƒท์„ ๋„์™€์ฃผ๋Š” ์œ ํ‹ธ ์•ฑ
  • ํŽธํ•œ ๋‹จ์ถ•ํ‚ค ์ง€์›
  • ์Šคํฌ๋ฆฐ์ƒท ํ›„ ๊พธ๋ฏธ๊ธฐ ์ง€์›

์˜ฌใ…‹์‚ฌ์ „

  • ์–ธ์ œ ์–ด๋””์„œ๋“  ๋‹จ์ถ•ํ‚ค ํ•˜๋‚˜๋กœ ์‚ฌ์ „ ํŒ์—…์„ ์ผค ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์Œ

GIPHY Capture

  • ๋น ๋ฅด๊ฒŒ Gif ํŒŒ์ผ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด ์ข‹์Œ

Slack

  • ์—…๋ฌด์šฉ ์ฑ„ํŒ…์•ฑ

Kakaotalk

Line

Evernote

  • ๋ง‰ ๋ฉ”๋ชจํ•˜๊ธฐ ์ข‹์€ ์•ฑ

Notion

  • ์ •๋ฆฌํ•ด๋†“๊ธฐ ์ข‹์€ ์•ฑ
  • ์—๋ฒ„๋…ธํŠธ๋ž‘ ๋…ธ์…˜์ด๋ž‘ ๊ธฐ๋ณธ ๋ฉ”๋ชจ์•ฑ์ด๋ž‘ ๊ฐ™์ด ์“ฐ๊ณ  ์žˆ๋‹ค.

TickTick

  • ํ• ์ผ ๋ชฉ๋ก์„ ์ฒด๊ณ„์ ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Œ
  • ๋งˆํฌ๋‹ค์šด๋„ ๊ฐ€๋Šฅ
  • ๋ชจ๋ฐ”์ผ, ๋ฐ์Šคํฌํƒ‘ ๋ชจ๋‘ ์ง€์›ํ•จ
  • ์œ ๋ฃŒ์ž„

Iterm 2

  • ๊ธฐ๋ณธ ํ„ฐ๋ฏธ๋„ ์•ฑ๋ณด๋‹ค ๋ฉ‹์ง€๋‹ค.

Postman ํ˜น์€ Insomnia

  • API๋ฅผ ๊ฐœ๋ฐœํ•˜๊ฑฐ๋‚˜ ์—ฐ๋™ํ•  ๋•Œ ์œ ์šฉํ•˜๊ฒŒ ์“ฐ๋Š” ์•ฑ๋“ค

Microsoft Office (Word, Powerpoint, Excel)

Sketch

  • UI ๋””์ž์ธ ์•ฑ

Zeplin

  • ๊ฐœ๋ฐœ์ž, ๋””์ž์ด๋„ˆ ํ˜‘์—… ํˆด

Xcode

  • For iOS ๊ฐœ๋ฐœ

Android Studio

  • For Android ๊ฐœ๋ฐœ

์„ ํƒ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜

Final Cut Pro

  • ๋น„์‹ธ์ง€๋งŒ ์˜์ƒ ํŽธ์ง‘์— ํŽธํ•˜๋‹ค.

ScreenFlow 8

  • ํ™”๋ฉด ๋…นํ™”์šฉ
  • ๋ผ์ด์„ผ์Šค๋Š” ๋™์‹œ์— ํ•œ ์ปดํ“จํ„ฐ์—๋งŒ ์ ์šฉ ๊ฐ€๋Šฅ
  • ๋ฒ„์ „ ์—…๊ทธ๋ ˆ์ด๋“œ ํ•˜๋Š”๋ฐ ๋˜ ๋ˆ ๋‚ด์•ผํ•ด์„œ ์ผ๋‹จ 8 ์“ฐ๋Š”์ค‘

Dynamo

  • ์‚ฌํŒŒ๋ฆฌ์—์„œ ์œ ํŠœ๋ธŒ, ๋„ทํ”Œ๋ฆญ์Šค ๋“ฑ์„ ํ‚ค๋ณด๋“œ ๋‹จ์ถ•ํ‚ค๋กœ ์‰ฝ๊ฒŒ ์†๋„ ์กฐ์ ˆ ๊ฐ€๋Šฅ

CLI

Homebrew

  • macOS์šฉ ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

git

  • mac์€ ์„ค์น˜๋˜์–ด

node.js

npm

  • node.js ์„ค์น˜ํ•˜๋ฉด ์„ค์น˜๋จ
  • node package manager

yarn

  • Facebook์—์„œ ๋งŒ๋“  node package manager
npm install -g yarn

oh my zsh

  • A delightful community-driven framework for managing your zsh configuration.

Git ๊ถŒํ•œ ์„ค์ •

  1. ํ„ฐ๋ฏธ๋„์—์„œ ํ‚ค ์ƒ์„ฑ
ssh-keygen -t rsa -C {์ด๋ฉ”์ผ}
  1. ssh ํ‚ค ๋“ฑ๋ก
ssh-add ~/.ssh/id_rsa
  1. ๊นƒํ—™์— ํ‚ค ๋“ฑ๋ก

  2. github -> settings -> SSH and GPG keys -> New SSH Key -> public key ๋ณต๋ถ™!

์ปค๋งจ๋“œ๋งˆ๋‹ค passphrase ์ž…๋ ฅํ•˜๊ธฐ ๊ท€์ฐฎ์œผ๋ฉด

ํ„ฐ๋ฏธ๋„ ํ™˜๊ฒฝ ์„ธํŒ…

  1. iTerm 2 ์„ค์น˜

  2. oh my zsh ์„ค์น˜

  3. ๋‹ค์Œ ๋ช…๋ น์–ด๋กœ ๊ธฐ๋ณธ ์‰˜์„ zsh๋กœ ๋ณ€๊ฒฝ

chsh -s /usr/bin/zsh
  1. ~/.zshrc ํŒŒ์ผ์— ๋“ค์–ด๊ฐ€์„œ ZSH_THEME="agnoster"๋กœ ํ„ฐ๋ฏธ๋„ ํ…Œ๋งˆ ๋ณ€๊ฒฝ

  2. ubuntu mono derivative powerline ํฐํŠธ ์„ค์น˜

iTerm 2 -> Preferences -> Profile -> Text -> Font ๋ณ€๊ฒฝ

  1. ๋‹ค์Œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ ํด๋ก ํ•˜์—ฌ dracula ํ…Œ๋งˆ ์ ์šฉ
git clone https://github.com/dracula/iterm.git

iTerm 2 -> Preferences -> Profile -> Color -> Color Presets ๋ณ€๊ฒฝ

  1. ํ„ฐ๋ฏธ๋„์—์„œ username ์ œ๊ฑฐ

~/.zshrc ํŒŒ์ผ ๋งจ๋ฐ‘์— ๋„ฃ์–ด์ฃผ๋ฉด ๋œ๋‹ค.

prompt_context() {
  emojis=("๐Ÿฅ" "๐Ÿ”ฅ" "๐Ÿ‘‘" "๐Ÿ˜Ž" "๐Ÿต" "๐Ÿฆ„" "๐ŸŒˆ" "๐Ÿš€" "๐Ÿ’ก" "๐ŸŽ‰" "๐Ÿ‡ฐ๐Ÿ‡ท" "๐ŸŒ™" "๐ŸŒž")
  RAND_EMOJI_N=$(( $RANDOM % ${#emojis[@]} + 1))
  prompt_segment black default "${emojis[$RAND_EMOJI_N]} "
}
  1. zsh ํ”Œ๋Ÿฌ๊ทธ์ธ zsh-syntax-highlighting ์„ค์น˜

ํ„ฐ๋ฏธ๋„์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปค๋งจ๋“œ๋Š” ์ดˆ๋ก์ƒ‰, ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜์ง€ ์•Š์€ ์ปค๋งจ๋“œ๋Š” ๋นจ๊ฐ„์ƒ‰์œผ๋กœ ํ‘œ์‹œํ•ด์คŒ

# brew๋ฅผ ํ†ตํ•ด ์„ค์น˜ํ•ด์ค๋‹ˆ๋‹ค.
brew install zsh-syntax-highlighting
# ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.
source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
# ์œ„ ์ปค๋งจ๋“œ๋ฅผ ~/.zshrc ๋งจ ์•„๋ž˜์— ๋„ฃ์Šต๋‹ˆ๋‹ค.

์ฐธ๊ณ 

blog.holy.kiwi

Jon Jee

Personal blog by Jon Jee.
I hope to explain with words and code.