Vimari: ํƒˆ์ถœ์„ ๋ˆ„๋ฅด๋ฉด ์ „์ฒด ํ™”๋ฉด์ด ์ข…๋ฃŒ๋ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2018๋…„ 08์›” 14์ผ  ยท  9์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: televator-apps/vimari

์ „์ฒด/๋ถ„ํ•  ํ™”๋ฉด ๋ชจ๋“œ์—์„œ ์‚ฌํŒŒ๋ฆฌ๋ฅผ ๊ฑฐ์˜ ๋…์ ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ์œผ๋กœ์„œ vimari๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์‹ค์ˆ˜๋กœ ๊ณ„์† ์ „์ฒด ํ™”๋ฉด์„ ์ข…๋ฃŒํ•˜๋Š” ์ž์‹ ์„ ๋ฐœ๊ฒฌํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ๋งํฌ ํžŒํŠธ์—์„œ ์ œ์ถœ ํ‚ค๋ฅผ ๋ˆ„๋ฅด๊ธฐ ์œ„ํ•ด ์ด์™€ ๊ฐ™์€ ๋Œ“๊ธ€์„ ์ž‘์„ฑํ•œ ํ›„ ์ผ๋ฐ˜ ๋ชจ๋“œ๋กœ ๋Œ์•„๊ฐ€๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ ๋ฐฉ๋ฒ•.

์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ํ†ตํ•ด ๊ธฐ๋ณธ ๋™์ž‘์„ ๋ฐฉ์ง€ํ•˜์—ฌ ์ด๋ฅผ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋Œ€๋žต์ ์ธ ์˜ˆ:

function disable_esc_exit(window){
    const ESC_KEY = 27;
    const KEYPRESS_EVENT = "keypress";

    window.addEventListener(KEYPRESS_EVENT, 
        event => event.keyCode === ESC_KEY && event.preventDefault()
    );
}

... 
disable_esc_exit(window);
feature request

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์—ฌ๊ธฐ ์ƒํƒœ๊ฐ€ ์–ด๋–ป์Šต๋‹ˆ๊นŒ? ์ด ๋ฒ„๊ทธ๋Š” ์ด ํ™•์žฅ์„ ์ „์ฒด ํ™”๋ฉด ๋ชจ๋“œ์—์„œ ๊ฑฐ์˜ ์“ธ๋ชจ ์—†๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

๋ชจ๋“  9 ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š” @Hultner์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ ์‚ฌ๋ก€์— ๋Œ€ํ•œ ์„ค๋ช…์„ ์ดํ•ดํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ๋” ์ž์„ธํ•œ ์„ค๋ช…์ด๋‚˜ gif๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ๊ฐ์‚ฌ ํ•ด์š”.

@simeg ์ข‹์Šต๋‹ˆ๋‹ค. ์žฌํ˜„ ๋‹จ๊ณ„๋ฅผ ๋‚˜์—ดํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

๋ฌธ์ œ

  1. vimari๋กœ Safari ์—ด๊ธฐ
  2. ์ „์ฒด ํ™”๋ฉด์œผ๋กœ ์ „ํ™˜
  3. vimari๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›น ๊ฒ€์ƒ‰
  4. ์–ด๋–ค ์ง€์ ์—์„œ Esc ๋ฅผ ๋ˆ„๋ฅด

์ด๋ ‡๊ฒŒ ํ•˜๋ฉด Safari๊ฐ€ ๋ฐฉํ•ด ์• ๋‹ˆ๋ฉ”์ด์…˜๊ณผ ํ•จ๊ป˜ ์ „์ฒด ํ™”๋ฉด ๋ชจ๋“œ๋ฅผ ์ข…๋ฃŒํ•˜๋„๋ก ํŠธ๋ฆฌ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.
๋˜ํ•œ ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค๋ฅธ ์˜ํ™”์™€ ํ•จ๊ป˜ ์ „์ฒด ํ™”๋ฉด ๋ถ„ํ•  ์ฐฝ์„ ์‹คํ–‰ํ•œ ๊ฒฝ์šฐ ๋ถ„ํ•  ์ฐฝ์„ ์ˆ˜๋™์œผ๋กœ ๋‹ค์‹œ ์ •๋ ฌํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ๋งˆ์šฐ์Šค ๋˜๋Š” ๊ธฐํƒ€ ํฌ์ธํ„ฐ ์žฅ์น˜๋ฅผ ์‚ฌ์šฉํ•˜๋„๋ก ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ œ์•ˆ๋œ ์†”๋ฃจ์…˜

Esc์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ๋™์ž‘์„ ์ฐจ๋‹จํ•˜๋ฉด ์ค‘๋ณต๋˜๋Š” ํ‚ค ๋ฐ”์ธ๋”ฉ์œผ๋กœ ์ธํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ์‹ค์ˆ˜๋กœ ์ „์ฒด ํ™”๋ฉด์„ ์ข…๋ฃŒํ•˜๋Š” ๊ฒƒ์„ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Extra , ์‚ฌ์šฉ์ž๊ฐ€ ์‹ค์ œ๋กœ ๊ธฐ๋ณธ ๋™์ž‘์— ์˜์กดํ•˜๋Š” ๊ฒฝ์šฐ ํ™•์žฅ ์„ค์ •์—์„œ ํ† ๊ธ€์„ ํ†ตํ•ด ๊ธฐ๋Šฅ์„ ์„ ํƒ ์‚ฌํ•ญ์œผ๋กœ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

์ด์ œ ์„ค๋ช…์ด ์ถฉ๋ถ„ํ•˜์ง€ ์•Š์œผ๋ฉด gif๋ฅผ ์ œ๊ณตํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
๋‚˜๋Š” ๊ทธ๋Ÿฌํ•œ ํ™”๋ฉด ๋…นํ™” ์†Œํ”„ํŠธ์›จ์–ด์— ์ต์ˆ™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ท€ํ•˜ ๋˜๋Š” ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ์–ด๋–ค ์†Œํ”„ํŠธ์›จ์–ด๊ฐ€ ๋ชฉ์ ์— ์ ํ•ฉํ•œ์ง€์— ๋Œ€ํ•œ ์ œ์•ˆ์ด ์žˆ์œผ๋ฉด ๊ทธ ์˜๊ฒฌ์„ ๋“ฃ๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

์‹œ๊ฐ„์„ ๋‚ด์„œ ๋‚ด ์˜๊ฒฌ์„ ์ฝ์–ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” @Hultner๋‹˜ , ์ž์„ธํ•œ ์„ค๋ช… ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๋”ฐ๋ผ์„œ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ดํ•ดํ•˜๋ฉด ๋ฌธ์ œ๋Š” ์ „์ฒด ํ™”๋ฉด์—์„œ Safari๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  vimari๋กœ ํƒ์ƒ‰ํ•˜๊ณ  ์‹ค์ˆ˜๋กœ ํƒˆ์ถœ์„ ๋„ˆ๋ฌด ์—ฌ๋Ÿฌ ๋ฒˆ ๋ˆ„๋ฅด๋ฉด ์ „์ฒด ํ™”๋ฉด์ด ์ข…๋ฃŒ๋œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ ๋งž์Šต๋‹ˆ๊นŒ?

์•„๋‹ˆ๋ฉด ์ „์ฒด ํ™”๋ฉด์—์„œ ํ•œ ๋ฒˆ์˜ esc ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ „์ฒด ํ™”๋ฉด์ด ์ข…๋ฃŒ๋ฉ๋‹ˆ๊นŒ? ๋‚˜๋Š” ๋‹น์‹ ์˜ ์„ค๋ช…์—์„œ ์ •๋ง๋กœ ๋งํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์–ด์จŒ๋“  ์˜ฌ๋ฐ”๋ฅธ ๋™์ž‘์ด ์˜ˆ์ƒ๋œ๋‹ค๋Š” ๊ฒƒ์„ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•ด ์ด GIF๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. vimari๋กœ Wikipedia๋ฅผ ํƒ์ƒ‰ํ•˜๊ณ  esc๋ฅผ ๋ˆŒ๋Ÿฌ ๋งํฌ ๋ชจ๋“œ๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ข…๋ฃŒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ vimari ๋ชจ๋“œ๊ฐ€ ์•„๋‹ ๋•Œ esc๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ „์ฒด ํ™”๋ฉด์ด ์ข…๋ฃŒ๋ฉ๋‹ˆ๋‹ค. ๋ฒ„์ „ 1.13์„ ์‹คํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

vimari_safari_fullscreen

์ •ํ™•ํ•œ ๋ฌธ์ œ๋ฅผ ์•Œ๋ ค์ฃผ์‹œ๋ฉด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

์ด ๋™์ž‘์„ ์œ ๋ฐœํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

1) ์‹ค์ˆ˜๋กœ Esc๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ๋ˆ„๋ฅด๊ฑฐ๋‚˜ ๊ทผ์œก ๊ธฐ์–ต์œผ๋กœ ์ธํ•ด
2) ์ž…๋ ฅ ํ•„๋“œ๋ฅผ ํŽธ์ง‘ํ–ˆ์Šต๋‹ˆ๋‹ค. Esc ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ ์‚ฝ์ž… ๋ชจ๋“œ๋ฅผ ์ผ๋ฐ˜ ๋ชจ๋“œ๋กœ ์ข…๋ฃŒํ•ฉ๋‹ˆ๋‹ค. ์ด ๋Œ“๊ธ€์„ ์“ธ ๋•Œ ๋‚ด ๋ณธ๋Šฅ์€ ์›ํ•˜๋Š” ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  Esc ํ‚ค๋ฅผ ๋ˆ„๋ฅด๊ณ  ๋งํฌ ๋Œ€์ƒ ๋ชจ๋“œ๋กœ ๋“ค์–ด๊ฐ€์„œ [๋Œ“๊ธ€] ๋ฒ„ํŠผ์„ ํŠธ๋ฆฌ๊ฑฐํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด ๋‘ ๊ฒฝ์šฐ ๋ชจ๋‘ ๋˜‘๊ฐ™์ด ํŒŒ๊ดด์ ์ž…๋‹ˆ๋‹ค.

์ฝ์–ด์ฃผ์‹œ๊ณ  ์ œ ์˜๊ฒฌ์„ ๊ณ ๋ คํ•ด ์ฃผ์…”์„œ ๋‹ค์‹œ ํ•œ ๋ฒˆ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

@Hultner ๊ฐ์‚ฌ

๋‚˜๋Š” ์ด๊ฒƒ์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์ด ๊ทธ๋ฆฌ ์–ด๋ ต์ง€ ์•Š์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉฐ, ์ง€๊ธˆ๊นŒ์ง€ ๋‹น์‹ ์ด ์ด ๊ธฐ๋Šฅ์„ ์›ํ•˜๋Š” ์œ ์ผํ•œ ์‚ฌ๋žŒ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋‚˜๋Š” ๋‹น์‹ ์ด ์ง์ ‘ ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ๊ฒ€ํ† ํ•˜๊ณ  ํ…Œ์ŠคํŠธํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์ง€๋งŒ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์ง€๋Š” ์•Š๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฏธ์•ˆํ•˜์ง€๋งŒ ๋‚˜๋Š” ๋‚ด ์‹œ๊ฐ„์„ ์šฐ์„ ์œผ๋กœ ํ•ด์•ผ ํ•œ๋‹ค.

๊ทธ๊ฒƒ์— ๋Œ€ํ•œ ์ƒํƒœ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์ €๋Š” ์ฃผ๋กœ "์‚ฝ์ž… ๋ชจ๋“œ"๋ฅผ ์ข…๋ฃŒํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ๋ฆ„์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  1. ์˜ˆ๋ฅผ ๋“ค์–ด GitHub ๋ฐฉ๋ฌธ
  2. i ๋ฅผ ๋ˆŒ๋Ÿฌ "ํ†ต๊ณผ" ๋˜๋Š” "์‚ฝ์ž…" ๋ชจ๋“œ๋กœ ๋“ค์–ด๊ฐ‘๋‹ˆ๋‹ค(์˜ˆ: GitHub y ๋ฐ”๋กœ ๊ฐ€๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ URL ํ™•์žฅ).
  3. <Esc> ๋ฅผ ๋ˆŒ๋Ÿฌ "์ผ๋ฐ˜ ๋ชจ๋“œ"๋กœ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.

๊ฒฝ์šฐ์— ๋”ฐ๋ผ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ^[ ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด์ง€๋งŒ ๋‚ด ํ‚ค๋ณด๋“œ(40% Planck)์—์„œ๋Š” <Esc> ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ๋” ๋ฒˆ๊ฑฐ๋กญ์Šต๋‹ˆ๋‹ค.

@hauleth ๋‚˜๋Š” ๊ทธ๊ฒƒ์— ๋Œ€ํ•ด ์ผํ•˜๊ณ  ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. Vimari๊ฐ€ ํ™œ๋ฐœํ•˜๊ฒŒ ๊ฐœ๋ฐœ๋˜๊ณ  ์žˆ๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค. ํ˜„์žฌ๋กœ์„œ๋Š” ํฌ๋กฌ ๊ธฐ๋ฐ˜ vim ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์ด ๋” ์„ฑ์ˆ™ํ•˜๊ณ  ๊ธฐ๋Šฅ์ด ์™„์„ฑ๋œ ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ด๋ฉด์„œ ๋‹ค์Œ Safari ๋ฒ„์ „์—์„œ ์ž‘๋™ํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๋‚˜๋Š” vimari๋ฅผ ์‚ฌ๋ž‘ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ ์—†์ด๋Š” Safari๋ฅผ ์ผ์ƒ์ ์ธ ๋ธŒ๋ผ์šฐ์ €๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์—ฌ์ „ํžˆ Chrome ๋ฐ Firefox์˜ ํ˜•์ œ ์ž๋งค๋“ค๋กœ๋ถ€ํ„ฐ ๋งŽ์€ ํž˜์ด ๋น ์ ธ ์žˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ ์ƒํƒœ๊ฐ€ ์–ด๋–ป์Šต๋‹ˆ๊นŒ? ์ด ๋ฒ„๊ทธ๋Š” ์ด ํ™•์žฅ์„ ์ „์ฒด ํ™”๋ฉด ๋ชจ๋“œ์—์„œ ๊ฑฐ์˜ ์“ธ๋ชจ ์—†๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ฐ™์€ ๋ฐฐ์— ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๊ธฐ๋ณธ์ ์œผ๋กœ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์ „์ฒด ํ™”๋ฉด ์ค‘์—์„œ ์„ ํƒํ•˜๋„๋ก ๊ฐ•์š”ํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰