http://kenji.blog/ko/tags/%ED%85%8D%EC%8A%A4%ED%8A%B8-%EC%97%90%EB%94%94%ED%84%B0/Recent content in 텍스트 에디터 on kenji.blogHugo -- gohugo.iokokenjinoteFri, 19 Apr 2024 22:06:34 +0900http://kenji.blog/ko/p/vim%E5%85%A5%E9%96%80/Fri, 19 Apr 2024 22:06:34 +0900http://kenji.blog/ko/p/vim%E5%85%A5%E9%96%80/<img src="http://kenji.blog/p/vim%E5%85%A5%E9%96%80/img.png" alt="Featured image of post Vim 입문" /><p><img src="http://kenji.blog/p/vim%E5%85%A5%E9%96%80/img_1.png" width="1920" height="1080" srcset="http://kenji.blog/p/vim%E5%85%A5%E9%96%80/img_1_hue190cb5546151f3c9f61d693ae541095_45716_480x0_resize_box_3.png 480w, http://kenji.blog/p/vim%E5%85%A5%E9%96%80/img_1_hue190cb5546151f3c9f61d693ae541095_45716_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_1.png" class="gallery-image" data-flex-grow="177" data-flex-basis="426px" ></p> <h1 id="vim-입문">Vim 입문 </h1><h2 id="다운로드와-설치">다운로드와 설치 </h2><p><a class="link" href="https://www.vim.org/download.php" target="_blank" rel="noopener" >https://www.vim.org/download.php</a></p> <p>위의 사이트에서, 설치하고 싶은 OS에 맞춰 모듈을 다운로드 및 설치합니다.</p> <p>Windows의 경우 <code>gvim_X.X.X_x64_signed.exe</code>를 선택하면 좋을 것입니다.</p> <h2 id="시작-방법">시작 방법 </h2><p>Windows의 경우 환경 변수에 <code>vim.exe</code>가 있는 폴더를 Path에 등록해 둘 필요가 있습니다.</p> <p>시작 방법</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">vim </span></span></code></pre></td></tr></table> </div> </div><p>파일명을 지정해서 시작할 경우</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">vim filename.txt </span></span></code></pre></td></tr></table> </div> </div><h2 id="종료-방법">종료 방법 </h2><p>종료할 경우 <code>:</code>(콜론)을 입력 후, <code>q</code>를 입력하고, Enter를 입력</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">:q </span></span></code></pre></td></tr></table> </div> </div><p>파일을 업데이트했을 경우 <code>마지막 변경이 저장되지 않았습니다 (!를 추가하여 변경 사항 폐기)</code>라고 표시됩니다. 내용을 폐기하고 강제적으로 종료할 수 있습니다.</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">:q! </span></span></code></pre></td></tr></table> </div> </div><p>파일을 쓰고 종료할 경우</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">:wq </span></span></code></pre></td></tr></table> </div> </div><p>다음과 같이 입력해도 같은 의미입니다.</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">:x </span></span></code></pre></td></tr></table> </div> </div><p>또한, <code>Shift</code>를 누른 채 <code>z</code>를 2번 누르는 것으로도 종료할 수 있습니다. (<code>:wq</code>와 같음)</p> <h2 id="모드">모드 </h2><p>Vim에는 <code>명령 모드</code>와 <code>입력 모드</code>가 있습니다. Vim을 시작한 시점에는 <code>명령 모드</code>가 되며, <code>i</code> 키를 누르면 <code>입력 모드</code>로 전환됩니다.</p> <p><code>입력 모드</code>에서는 문자 그대로 입력이 가능해집니다. <code>입력 모드</code>에서 <code>명령 모드</code>로 전환하려면 <code>ESC</code> 키를 누릅니다.</p> <p>이 입력 모드의 전환이 있는 것이 Vim의 특징입니다.</p> <h2 id="커서-이동과-스크롤">커서 이동과 스크롤 </h2><p><code>명령 모드</code>일 때의 커서 이동과 스크롤에 대해 정리합니다.</p> <table> <thead> <tr> <th>키</th> <th>설명</th> </tr> </thead> <tbody> <tr> <td><code>h</code> (또는 <code>Ctrl</code>+<code>H</code>, <code>BackSpace</code>, <code>←</code>)</td> <td>왼쪽으로 이동</td> </tr> <tr> <td><code>j</code> (또는 <code>Ctrl</code>+<code>J</code>・<code>N</code>, <code>↓</code>)</td> <td>아래로 이동</td> </tr> <tr> <td><code>k</code> (또는 <code>Ctrl</code>+<code>P</code>, <code>↑</code>)</td> <td>위로 이동</td> </tr> <tr> <td><code>l</code> (또는 <code>Space</code>, <code>→</code>)</td> <td>오른쪽으로 이동</td> </tr> <tr> <td><code>+</code> (또는 <code>Enter</code>)</td> <td>다음 줄의 첫 문자로 이동</td> </tr> <tr> <td><code>-</code></td> <td>이전 줄의 첫 문자로 이동</td> </tr> <tr> <td><code>Ctrl</code>+<code>B</code> (또는 <code>PageUp</code>)</td> <td>위쪽 방향으로 스크롤</td> </tr> <tr> <td><code>Ctrl</code>+<code>F</code> (또는 <code>PageDown</code>)</td> <td>아래쪽 방향으로 스크롤</td> </tr> <tr> <td><code>Ctrl</code>+<code>U</code></td> <td>위쪽 방향으로 반 스크롤</td> </tr> <tr> <td><code>Ctrl</code>+<code>D</code></td> <td>아래쪽 방향으로 반 스크롤</td> </tr> <tr> <td><code>Ctrl</code>+<code>Y</code></td> <td>위쪽 방향으로 1줄 스크롤</td> </tr> <tr> <td><code>Ctrl</code>+<code>E</code></td> <td>아래쪽 방향으로 1줄 스크롤</td> </tr> <tr> <td><code>z</code> <code>Enter</code></td> <td>커서가 있는 줄을 화면 상단으로 스크롤</td> </tr> <tr> <td><code>z</code> <code>.</code></td> <td>커서가 있는 줄을 화면 중앙으로 스크롤</td> </tr> <tr> <td><code>z</code> <code>-</code></td> <td>커서가 있는 줄을 화면 하단으로 스크롤</td> </tr> <tr> <td><code>0</code> (또는 <code>|</code>)</td> <td>커서를 줄의 맨 앞으로 이동</td> </tr> <tr> <td><code>$</code></td> <td>커서를 줄의 맨 뒤로 이동</td> </tr> <tr> <td><code>^</code> (또는 <code>_</code>)</td> <td>커서를 줄의 맨 앞으로 (공백, Tab 제외) 이동</td> </tr> <tr> <td><code>G</code> (또는 <code>:$</code>)</td> <td>커서를 마지막 줄로 이동</td> </tr> <tr> <td><code>:줄 번호</code> <code>Enter</code></td> <td>지정한 줄로 이동</td> </tr> </tbody> </table> <p><code>숫자</code> 뒤에 위의 이동하는 키를 입력하면, 숫자만큼 여러 번 이동할 수 있습니다. (예를 들어, <code>3j</code>를 입력하면 현재 커서 위치에서 아래로 3줄 이동합니다.)</p> <h2 id="기타-명령">기타 명령 </h2><table> <thead> <tr> <th>키</th> <th>설명</th> </tr> </thead> <tbody> <tr> <td><code>Ctrl</code>+<code>L</code></td> <td>화면을 다시 그림</td> </tr> <tr> <td><code>Ctrl</code>+<code>G</code></td> <td>파일 전체의 줄 수, 커서 위치 등을 표시</td> </tr> </tbody> </table>http://kenji.blog/ko/p/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFmicro%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/Sun, 31 Mar 2024 21:50:39 +0900http://kenji.blog/ko/p/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFmicro%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/<img src="http://kenji.blog/p/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFmicro%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img.png" alt="Featured image of post Windows에 텍스트 에디터 micro를 설치하는 방법" /><h2 id="micro-다운로드하기">micro 다운로드하기 </h2><p><a class="link" href="https://github.com/zyedidia/micro/releases" target="_blank" rel="noopener" >https://github.com/zyedidia/micro/releases</a></p> <p>위 링크를 열고 <code>Show all XX assets</code>(X 부분은 숫자)를 클릭하여 <code>micro-X.X.XX-win64.zip</code>(X 부분은 숫자)을 다운로드합니다. zip 파일의 압축을 풀고, 파일 일체를 임의의 폴더에 배치합니다.</p> <h2 id="환경-변수-설정하기">환경 변수 설정하기 </h2><p>명령 프롬프트에서 <code>micro.exe</code>를 사용하려면 환경 변수를 설정해야 합니다.</p> <ol> <li><code>Win키</code> + <code>R키</code>를 누르고, <code>sysdm.cpl</code>을 입력한 뒤 <code>Enter키</code>를 누릅니다.</li> <li><code>시스템 속성</code>의 <code>시스템 속성</code>을 클릭합니다.</li> <li><code>환경 변수</code>를 클릭합니다.</li> <li><code>시스템 환경 변수</code>의 <code>Path</code>를 선택하고 <code>편집</code>을 클릭합니다.</li> <li><code>새로 만들기</code>를 클릭하여, <code>micro.exe</code>가 포함된 폴더의 경로를 추가합니다.</li> <li><code>확인</code>을 클릭하여 모든 대화 상자를 닫습니다.</li> <li>명령 프롬프트를 다시 시작하고, <code>nano</code>라고 입력하여 실행할 수 있는지 확인합니다.</li> </ol> <h2 id="micro-사용-방법">micro 사용 방법 </h2><p>명령 프롬프트에서 <code>micro</code>라고 입력하여 실행하면, 다음과 같은 화면이 표시됩니다. <img src="http://kenji.blog/p/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFmicro%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img_3.png" width="962" height="512" srcset="http://kenji.blog/p/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFmicro%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img_3_hucac22a4d580735ddd83b1fd5173c3197_6852_480x0_resize_box_3.png 480w, http://kenji.blog/p/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFmicro%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img_3_hucac22a4d580735ddd83b1fd5173c3197_6852_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_3.png" class="gallery-image" data-flex-grow="187" data-flex-basis="450px" ></p> <p>주요 조작 방법과 단축키는 다음과 같습니다.</p> <table> <thead> <tr> <th>단축키</th> <th>조작</th> </tr> </thead> <tbody> <tr> <td>Ctrl+Q</td> <td>파일 닫기</td> </tr> <tr> <td>Ctrl+S</td> <td>파일 저장</td> </tr> <tr> <td>Ctrl+O</td> <td>파일 열기</td> </tr> <tr> <td>Ctrl+A</td> <td>전체 선택</td> </tr> <tr> <td>Ctrl+X</td> <td>선택 범위 잘라내기</td> </tr> <tr> <td>Ctrl+C</td> <td>선택 범위 복사</td> </tr> <tr> <td>Ctrl+V</td> <td>붙여넣기</td> </tr> <tr> <td>Ctrl+Z</td> <td>실행 취소</td> </tr> <tr> <td>Ctrl+Y</td> <td>다시 실행</td> </tr> <tr> <td>Ctrl+E</td> <td>에디터 명령 실행</td> </tr> </tbody> </table> <h2 id="참고">참고 </h2><ul> <li><a class="link" href="https://micro-editor.github.io/" target="_blank" rel="noopener" >micro</a></li> </ul>http://kenji.blog/ko/p/cli%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFnano%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/Sun, 31 Mar 2024 18:09:32 +0900http://kenji.blog/ko/p/cli%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFnano%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/<img src="http://kenji.blog/p/cli%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFnano%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img_1.png" alt="Featured image of post CLI 텍스트 에디터 nano를 Windows에 설치하는 방법" /><h2 id="nanoexe-다운로드하기">nano.exe 다운로드하기 </h2><p><a class="link" href="https://sourceforge.net/projects/nano-for-windows/" target="_blank" rel="noopener" >https://sourceforge.net/projects/nano-for-windows/</a></p> <p>위의 링크를 열고, <code>Download</code>를 클릭하여 <code>GNU-Nano_Win32(static).zip</code>을 다운로드한다. zip 파일을 압축 해제하고, 임의의 폴더에 <code>nano.exe</code>를 배치한다. ※일본어 입력은 지원하지 않는다. (2024/03/31 현재)</p> <h2 id="환경-변수-설정하기">환경 변수 설정하기 </h2><p>명령 프롬프트에서 <code>nano.exe</code>를 사용하려면, 환경 변수를 설정해야 한다.</p> <ol> <li><code>Win 키</code> + <code>R 키</code>를 눌러 <code>sysdm.cpl</code>을 입력하고 <code>Enter 키</code>를 누른다.</li> <li><code>시스템 속성</code>의 <code>시스템 속성</code>을 클릭한다.</li> <li><code>환경 변수</code>를 클릭한다.</li> <li><code>시스템 환경 변수</code>의 <code>Path</code>를 선택하고 <code>편집</code>을 클릭한다.</li> <li><code>새로 만들기</code>를 클릭하고, <code>nano.exe</code>의 경로를 추가한다.</li> <li><code>확인</code>을 클릭하여 모든 대화 상자를 닫는다.</li> <li>명령 프롬프트를 재시작하고, <code>nano</code>를 입력하여 실행할 수 있는지 확인한다.</li> </ol> <h2 id="nano-사용법">nano 사용법 </h2><p><code>nano</code>를 입력하여 실행하면, 다음과 같은 화면이 표시된다.</p> <p><img src="http://kenji.blog/p/cli%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFnano%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img_2.png" width="1082" height="632" srcset="http://kenji.blog/p/cli%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFnano%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img_2_hucb9efcdf08d2eda99abffd0a9502a2c3_16316_480x0_resize_box_3.png 480w, http://kenji.blog/p/cli%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFnano%E3%82%92windows%E3%81%AB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/img_2_hucb9efcdf08d2eda99abffd0a9502a2c3_16316_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_2.png" class="gallery-image" data-flex-grow="171" data-flex-basis="410px" ></p> <p>화면 하단에 단축키 설명이 표시되어 있다.</p> <p>기호의 의미는 다음과 같다.</p> <ul> <li><code>^</code>는 <code>Ctrl</code> 키를 나타낸다.</li> <li><code>M-</code>은 <code>Alt</code> 키를 나타낸다.</li> </ul> <p>저장하고 닫으려면, <code>Ctrl</code> + <code>S</code>를 누른 후에, <code>Ctrl</code> + <code>X</code>를 누른다.</p> <h2 id="참고">참고 </h2><ul> <li><a class="link" href="https://www.nano-editor.org/" target="_blank" rel="noopener" >GNU nano</a></li> </ul>