에디터플러스에서 HTML 바로 보기


안녕하세요.
고코더 입니다.


HTML을 간단하게 연습하고 싶을때 에디터플러스를 사용하면 편리하게 연습이 가능합니다. 이 프로그램을 사용하면 가장 빠르고 쉽게 테스트 할 수 있습니다. 

 1. 에디터플러스를 실행 후에 단축키 Ctrl + Shift + B를 클릭합니다. 



 2. 그럼 자동으로 가장 필요한 HTML 태그가 자동으로 완성 됩니다. HTML부터 메타 태그 그리고 타이틀, 헤드, 바디까지 기본적인 틀이 제공 되었습니다. 여기서 Ctrl + B를 클릭합니다. 저장하지 않아도 됩니다. 


 3. 에디터플러스에서 HTML을 확인 가능합니다. 바로 HTML을 확인 가능하기에 간단한 연습에서는 최적인듯 합니다. 




마무리


HTML 연습은 에디터플러스로 


댓글을 달아 주세요


최신 에디터플러스 설치하기


안녕하세요.
고코더 입니다.



에디터 플러스가 벌써 5버전이 나왔습니다. 한국인이 만든 이 텍스트 에디터는 가볍고 누구나 쉽게 사용하기에 좋은 프로그램입니다. 물런 이보다 좋은 개발프로그램도 많지만 메모장 처럼 누구나 사용하기에는 이보다 좋은게 없습니다.


 1. 에디터플러스 홈페이지에 접속합니다. 메인에 나타나는 최신버전을 클릭합니다. 2020년 1월 8일에 업데이트된 5.3버전이 있습니다. 


 2. 다운로드 페이지에서 평가판을 다운로드 합니다. 다운로드라고 써져 있는건 32비트이고 64비트라고 써있는건 64bit 입니다. 자신에 맞는 첨부파일을 저장합니다.  


 3. 해당 첨부파일 입니다.

 4. 언어를 선택하십시오 라는 메세지가 나타납니다. 한글이 편하겠죠?

 5. 설치 옵션은 기본적으로 모두 체크되어 있습니다. 모두 필요한 옵션입니다. 설치합니다.

 6. 가끔 이런 경고 메세지가 나타날 수 있습니다. 큰 문제가 되지 않는 유효성 옵션입니다.
eppshell64.dll 파일을 갱신할 수 없었습니다. 이 파일은 다음 시스템 시작시 자동으로 갱신됩니다.


 7. 설치가 시작되었습니다. 압축된 파일을 복사 이동하는 방식으로 설치합니다. 

 8. 설치가 완료되었습니다.


마무리


설치가 완료되었습니다.

댓글을 달아 주세요


키보드맵 전체 보기 


안녕하세요.
고코더 입니다.


홈 코딩(집에서 개발)을 하던 중에 에디터플러스에 단축키를 한번에 확인 가능한 메뉴를 발견해서 글을 씁니다.
특히 이런 메모장식의 IDE는 단축키를 쓸수록 개발 속도가 빨라집니다.

 1. 에디터플러스 실행을 한 후에 도움말 탭에서 키보드 맵을 클릭하면 


 2. 이렇게 빈문서에 키보드맵 단축키들이 출력 됩니다. 



 3. 출력된 에디터플러스 키보드 맵을 복사해서 공유합니다. 
하나씩 따라해보니 개발 효율을 높혀줄 단축키를 다시 발견하게 되네요.
파일


  최근 작업 문서 더 보기(&M)... Ctrl+Alt+O            더 많은 최근 작업 문서 목록을 표시합니다
  새 보통 문서                  Ctrl+N                보통 텍스트 문서를 새로 작성합니다
  새 브라우저 창                Ctrl+Shift+B          새 브라우저 창을 생성합니다
  새 HTML 페이지                Ctrl+Shift+N          HTML 페이지를 새로 작성합니다
  열기                          Ctrl+O                기존 문서를 엽니다
  헤더 파일 열기                Ctrl+Shift+H          C/C++ 파일의 헤더 파일을 엽니다
  인쇄                          Ctrl+P                현재 열린 문서를 인쇄합니다
  저장                          Ctrl+S                현재 열린 문서를 저장합니다
  FTP 업로드                    Ctrl+Shift+S          파일을 FTP 서버로 업로드합니다


커서


  이전 탭                       Shift+Tab             커서를 이전 탭 위치로 이동합니다
  글자 왼쪽                     Left                  커서를 한 글자 왼쪽으로 이동합니다
  글자 왼쪽 선택                Shift+Left            선택 부분을 한 글자 왼쪽으로 확장합니다
  글자 오른쪽                   Right                 커서를 한 글자 오른쪽으로 이동합니다
  글자 오른쪽 선택              Shift+Right           선택 부분을 한 글자 오른쪽으로 확장합니다
  문서 끝                       Ctrl+End              문서의 끝으로 이동합니다
  문서 끝 선택                  Ctrl+Shift+End        선택 부분을 문서의 끝까지 확장합니다
  문서 처음                     Ctrl+Home             문서의 처음으로 이동합니다
  문서 처음 선택                Ctrl+Shift+Home       선택 부분을 문서의 처음까지 확장합니다
  아래                          Down                  커서를 한 줄 아래로 이동합니다
  아래 선택                     Shift+Down            선택 부분을 한 줄 아래로 확장합니다
  줄 끝                         End                   커서를 현재 줄의 끝으로 이동합니다
  줄 끝 선택                    Shift+End             선택 부분을 현재 줄의 끝까지 확장합니다
  줄 다음                       Alt+Down              커서를 다음 줄의 처음으로 이동합니다
  줄 이전                       Alt+Up                커서를 이전 줄의 처음으로 이동합니다
  줄 처음                       Home                  커서를 현재 줄의 처음으로 이동합니다
  줄 처음 선택                  Shift+Home            선택 부분을 현재 줄의 처음까지 확장합니다
  위                            Up                    커서를 한 줄 위로 이동합니다
  위 선택                       Shift+Up              선택 부분을 한 줄 위로 확장합니다
  쪽 아래                       Page Down             커서를 한 쪽 아래로 이동합니다
  쪽 아래 선택                  Shift+Page Down       선택 부분을 한 쪽 아래로 확장합니다
  쪽 위                         Page Up               커서를 한 쪽 위로 이동합니다
  쪽 위 선택                    Shift+Page Up         선택 부분을 한 쪽 위로 확장합니다
  아래로 스크롤                 Ctrl+Down             한 줄 아래로 스크롤합니다
  왼쪽으로 스크롤               Ctrl+Alt+Left         한 글자 왼쪽으로 스크롤합니다
  오른쪽으로 스크롤             Ctrl+Alt+Right        한 글자 오른쪽으로 스크롤합니다
  위로 스크롤                   Ctrl+Up               한 줄 위로 스크롤합니다
  하단                          Ctrl+Page Down        커서를 현재 화면의 하단으로 이동합니다
  하단 선택                     Ctrl+Shift+Page Down  선택 부분을 현재 화면의 하단까지 확장합니다
  상단                          Ctrl+Page Up          커서를 현재 화면의 상단으로 이동합니다
  상단 선택                     Ctrl+Shift+Page Up    선택 부분을 현재 화면의 상단까지 확장합니다
  단어 왼쪽                     Ctrl+Left             커서를 한 단어 왼쪽으로 이동합니다
  단어 왼쪽 선택                Ctrl+Shift+Left       선택 부분을 한 단어 왼쪽으로 확장합니다
  단어 오른쪽                   Ctrl+Right            커서를 한 단어 오른쪽로 이동합니다
  단어 오른쪽 선택              Ctrl+Shift+Right      선택 부분을 한 단어 오른쪽으로 확장합니다


편집


  뒤로 지우기                   Backspace             뒤로 한 글자를 지웁니다
  단어 뒤로 지우기              Ctrl+Backspace        뒤로 한 단어를 지웁니다
  첫 글자 대문자로              Ctrl+Shift+U          선택한 텍스트에서 단어 첫 글자만 대문자로 변환합니다
  지우기                        Delete                선택 부분을 지웁니다
  클립텍스트 항목 1             Ctrl+Alt+1            클립텍스트 항목 1을 삽입합니다
  클립텍스트 항목 2             Ctrl+Alt+2            클립텍스트 항목 2를 삽입합니다
  클립텍스트 항목 3             Ctrl+Alt+3            클립텍스트 항목 3을 삽입합니다
  클립텍스트 항목 4             Ctrl+Alt+4            클립텍스트 항목 4를 삽입합니다
  클립텍스트 항목 5             Ctrl+Alt+5            클립텍스트 항목 5를 삽입합니다
  클립텍스트 항목 6             Ctrl+Alt+6            클립텍스트 항목 6을 삽입합니다
  클립텍스트 항목 7             Ctrl+Alt+7            클립텍스트 항목 7을 삽입합니다
  클립텍스트 항목 8             Ctrl+Alt+8            클립텍스트 항목 8을 삽입합니다
  클립텍스트 항목 9             Ctrl+Alt+9            클립텍스트 항목 9를 삽입합니다
  클립텍스트 항목 10            Ctrl+Alt+0            클립텍스트 항목 10을 삽입합니다
  칸 단위 선택                  Alt+C                 칸 단위 선택을 시작합니다
  복사                          Ctrl+C                선택 부분을 복사하여 클립보드에 넣습니다
  잘라내기                      Ctrl+X                선택 부분을 잘라내어 클립보드에 넣습니다
  날짜                          Ctrl+D                현재 날짜를 삽입합니다
  날짜 길게                     Ctrl+Alt+D            현재 날짜를 긴 형식으로 삽입합니다
  들여쓰기 줄임                 Ctrl+Shift+I          현재 줄이나 선택 부분의 들여쓰기를 줄입니다
  줄 끝까지 지우기              Ctrl+Shift+Delete     현재 줄의 끝까지 지웁니다
  단어 끝까지 지우기            Ctrl+Delete           현재 단어의 끝까지 지웁니다
  줄 지우기                     Alt+Shift+Delete      현재 줄을 지웁니다
  단어 지우기                   Alt+Delete            현재 단어를 지웁니다
  글자 복제                     Ctrl+-                이전 줄에서 글자를 복제합니다
  줄 복제                       Ctrl+J                현재 줄을 복제합니다
  선택 부분 복제                Ctrl+=                현재 선택 부분을 복제합니다
  클립텍스트에서 단어 추천      Shift+F2              현재 단어를 대응하는 클립텍스트 항목으로 바꿉니다
  들여쓰기 늘임                 Ctrl+I                현재 줄이나 선택 부분의 들여쓰기를 늘입니다
  삽입 모드                     Insert                삽입 모드와 겹쳐쓰기 모드를 전환합니다
  대소문자 뒤바꿈               Ctrl+K                선택한 텍스트에서 대소문자를 뒤바꿉니다
  줄 합치기                     Ctrl+Shift+J          선택한 줄들을 하나로 합칩니다
  아래로 이동                   Alt+Shift+Down        선택한 줄을 아래로 이동합니다
  위로 이동                     Alt+Shift+Up          선택한 줄을 위로 이동합니다
  붙여넣기                      Ctrl+V                클립보드의 내용을 붙여 넣습니다
  칸 단위 붙여넣기              Ctrl+Shift+V          클립보드의 내용을 칸 단위로 붙여 넣습니다.
  다시 실행                     Ctrl+Y                이전에 취소한 동작을 다시 수행합니다
  양식 재구성                   Ctrl+Shift+R          양식 기준 칸에 맞추어 단락의 양식을 다시 구성합니다
  문서에서 단어 추천            F2                    현재 불완전한 단어를 현재 문서에서 찾은 확장된 단어로 바꿉니다
  열려진 모든 파일에서 단어 추천Ctrl+F2               현재 불완전한 단어를 열려진 모든 파일에서 찾은 확장된 단어로 바꿉니다
  선택 시작/종료                Alt+Shift+B           선택영역 지정을 시작하거나 종료합니다
  전체 선택                     Ctrl+A                문서 전체를 선택합니다
  칸 단위 선택 시작/종료        Alt+Shift+E           칸 단위 선택영역 지정을 시작하거나 종료합니다
  줄 선택                       Ctrl+R                현재 줄을 선택합니다
  단어 선택                     Ctrl+W                현재 단어를 선택합니다
  줄 분리                       Ctrl+Shift+K          선택 부분에서 자동으로 바꾸어진 줄을 분리합니다
  HTML 태그 제거                Ctrl+Shift+P          현재 문서나 선택 부분에서 HTML 태그를 제거합니다
  시간                          Ctrl+M                현재 시간을 삽입합니다
  시간 길게                     Ctrl+Shift+M          현재 시간을 초와 함께 삽입합니다
  소문자로                      Ctrl+L                선택한 텍스트를 소문자로 변환합니다
  대문자로                      Ctrl+U                선택한 텍스트를 대문자로 변환합니다
  글자 위치 바꾸기              Ctrl+T                커서 양쪽에 있는 두 글자의 위치를 바꿉니다
  실행 취소                     Ctrl+Z                마지막으로 한 동작을 취소합니다


ZEN CODING


  Toggle Comment                Ctrl+/                현재 커서 문맥에 맞게 HTML과 CSS 주석을 켜거나 끕니다
  Decrement Number by 1         Ctrl+Shift+Down       커서 위치의 수를 1 만큼 감소시킵니다
  Decrement Number by 10        Ctrl+Alt+Down         커서 위치의 수를 10 만큼 감소시킵니다
  Evaluate Math Expression      Ctrl+Shift+Y          커서 위치에 있는 간단한 수식의 값을 구합니다
  Expand Abbreviation           Ctrl+E                Zen Coding 축약어를 확장합니다
  Go to Matching Pair           Ctrl+Alt+L            커서를 시작 또는 마침 태그로 이동합니다
  Increment Number by 1         Ctrl+Shift+Up         커서 위치의 수를 1 만큼 증가시킵니다
  Increment Number by 10        Ctrl+Alt+Up           커서 위치의 수를 10 만큼 증가시킵니다
  Match Pair Tag (outward)      Ctrl+Shift+D          HTML 태그 쌍을 바깥쪽 방향으로 찾아서 선택합니다
  Match Pair Tag (inward)       Alt+Shift+D           HTML 태그 쌍을 안쪽 방향으로 찾아서 선택합니다
  Merge Lines                   Ctrl+Alt+M            선택한 줄들 또는 XHTML 태그 쌍 사이에 있는 줄을 병합합니다
  Next Edit Point               Ctrl+Alt+]            커서를 다음 편집 지점으로 이동합니다
  Previous Edit Point           Ctrl+Alt+[            커서를 이전 편집 지점으로 이동합니다
  Reflect CSS Value             Ctrl+Alt+B            커서 위치의 규칙 값을 가져와서 vendor prefix가 붙은 동일 규칙으로 붙여넣습니다
  Remove Tag                    Ctrl+Shift+'          커서 위치에 있는 태그를 알맞게 제거합니다
  Select Next Item              Ctrl+.                다음 HTML/CSS 항목을 찾아서 선택합니다
  Select Previous Item          Ctrl+,                이전 HTML/CSS 항목을 찾아서 선택합니다
  Split/Join Tag                Ctrl+'                태그를 분리하거나 합칩니다
  Wrap with Abbreviation        Ctrl+Shift+A          내용을 축약어로 둘러쌉니다


보기


  브라우저 1로 보기             Ctrl+B                현재 열린 문서를 웹 브라우저 1 에 읽어 들입니다
  숨김                          Ctrl+Num -            코드의 현재 부분을 숨김니다
  모두 숨김                     Ctrl+Alt+Num -        들여쓰기된 텍스트를 모두 숨깁니다
  한 단계 숨김                  Ctrl+Shift+Num -      전체 코드를 한 단계 숨김니다
  디렉토리 창                   Alt+Shift+3           디렉토리 창을 보이거나 숨깁니다
  드라이브 목록 보기            Alt+F6                디스크 드라이브와 FTP 서버 목록을 표시합니다
  표시                          Ctrl+Num +            현재 줄에 생략된 코드를 표시합니다
  모두 표시                     Ctrl+Alt+Num +        생략된 텍스트를 모두 표시합니다
  한 단계 표시                  Ctrl+Shift+Num +      전체 코드를 한 단계 표시합니다
  사이드 창으로 가기            Alt+F5                포커스를 사이드 창과 문서 사이에서 전환합니다
  코드 생략 사용                Ctrl+Shift+F          코드 생략 기능을 켜거나 끕니다
  숨김/표시 전환                Ctrl+Num *            현재 줄의 코드 생략 상태를 전환합니다
  전체화면 모드                 Alt+Shift+0           전체화면 모드를 켜거나 끕니다
  함수 목록                     Shift+F11             함수 목록을 보이거나 숨깁니다
  출력 창으로 가기              Shift+F5              출력 창과 문서 사이에서 포커스를 전환합니다
  탭 기호                       Alt+Shift+I           탭 기호를 보이거나 숨깁니다
  모두 표시                     Alt+Shift+O           모든 공백 문자를 보이거나 숨깁니다
  줄 번호                       Ctrl+Shift+L          현재 열린 문서에서 줄 번호를 보이거나 숨깁니다
  줄 바꿈 기호                  Alt+Shift+L           줄 바꿈 기호를 보이거나 숨깁니다
  출력 창                       Alt+Shift+2           출력 창을 보이거나 숨깁니다
  눈금자                        Alt+Shift+R           눈금자를 보이거나 숨깁니다
  공백 기호                     Alt+Shift+K           공백 기호를 보이거나 숨깁니다
  클립텍스트 창                 Alt+Shift+1           클립텍스트 창을 보이거나 숨깁니다
  URL 강조                      Alt+Shift+U           URL과 이메일 주소를 강조합니다
  글꼴 크게                     Alt+Shift+Num +       글꼴 크기를 크게 합니다
  글꼴 작게                     Alt+Shift+Num -       글꼴 크기를 작게 합니다


검색


  뒤로 가기                     Alt+,                 한 단계 뒤로 갑니다
  앞으로 가기                   Alt+.                 한 단계 앞으로 갑니다
  찾기                          Alt+F3                지정한 문자열을 찾습니다
  다음 찾기                     F3                    다음 일치하는 말을 찾습니다
  이전 찾기                     Shift+F3              이전에 일치하는 말을 찾습니다
  바꾸기                        Ctrl+H                지정한 문자열을 다른 문자열로 바꿉니다
  괄호 찾기                     Ctrl+]                짝을 이루는 괄호를 검색합니다
  모든 표식 해제                Ctrl+Shift+F9         현재 열린 문서에서 모든 표식을 해제합니다
  선언부로 가기                 Shift+F9              현재 함수나 변수가 선언된 곳으로 찾아갑니다
  함수 목록으로 가기            Ctrl+F11              함수 목록으로 포커스를 이동합니다
  줄/오프셋 찾아가기            Ctrl+G                현재 열린 문서의 지정된 줄/오프셋을 찾아갑니다
  칸 찾아가기                   Ctrl+Shift+G          현재 줄의 지정된 칸으로 찾아갑니다
  파일로 가기                   F7                    선택 부분을 열거나 출력 창 패턴에 일치하는 파일로 찾아갑니다
  표식 목록                     Ctrl+Shift+F11        현재 파일에 설정된 표식 목록을 보여줍니다
  다음 함수                     Alt+F11               다음 함수 위치로 이동합니다
  다음 표식으로                 F4                    다음 표식 위치로 이동합니다
  다음 단어 찾기                Ctrl+F3               현재 단어나 선택한 텍스트와 다음에 일치하는 말을 찾습니다
  이전 함수                     Alt+Shift+F11         이전 함수 위치로 이동합니다
  이전 표식으로                 Shift+F4              이전 표식 위치로 이동합니다
  이전 단어 찾기                Ctrl+Shift+F3         현재 단어나 선택한 텍스트와 이전에 일치하는 말을 찾습니다
  괄호 선택                     Ctrl+Shift+]          짝을 이루는 괄호를 검색해서 텍스트를 선택합니다
  태그 선택                     Ctrl+Shift+[          짝을 이루는 태그를 검색해서 포함된 텍스트를 선택합니다
  표식 설정/해제                F9                    현재 줄에 표식을 설정하거나 해제합니다
  태그 추천                     Alt+F2                현재 단어를 태그 파일에서 찾은 확장된 단어로 바꿉니다
  태그 찾기                     Ctrl+[                짝을 이루는 태그를 검색합니다
  URL로 가기                    F8                    강조된 URL로 찾아갑니다
  웹 검색                       Shift+F8              현재 텍스트를 웹 브라우저에서 검색합니다


문서


  칸 표식                       Alt+Shift+M           칸 표식을 보이거나 숨깁니다
  자동 줄 바꿈                  Ctrl+Shift+W          현재 열린 문서에서 자동 줄 바꿈 기능을 켜거나 끕니다
  다음 칸 표식                  Alt+Right             다음 칸 표식으로 찾아갑니다
  이전 칸 표식                  Alt+Left              이전 칸 표식으로 찾아갑니다


HTML




브라우저


  뒤로 가기                     Alt+,                 한 단계 뒤로 갑니다
  소스 편집                     Ctrl+Shift+E          현재 HTML 페이지의 소스를 편집합니다
  앞으로 가기                   Alt+.                 한 단계 앞으로 갑니다


클립텍스트


  복사                          Ctrl+Shift+C          선택한 클립텍스트 항목을 복사합니다


디렉토리


  새로 고침                     F5                    디렉토리 창의 내용을 새로 고칩니다


프로젝트


  프로젝트 로드                 Ctrl+Shift+O          현재 프로젝트의 모든 파일들을 로드합니다
  다음 프로젝트                 Ctrl+F8               다음 프로젝트를 선택합니다
  이전 프로젝트                 Ctrl+Shift+F8         이전 프로젝트를 선택합니다


도구


  중지                          Ctrl+Break            현재 도구의 작동을 중단시킵니다
  다음 열기                     Ctrl+F5               다음 일치된 파일을 엽니다
  이전 열기                     Ctrl+Shift+F5         이전 일치된 파일을 엽니다
  그룹 1                        Ctrl+Shift+1          사용자 그룹 1
  그룹 2                        Ctrl+Shift+2          사용자 그룹 2
  그룹 3                        Ctrl+Shift+3          사용자 그룹 3
  그룹 4                        Ctrl+Shift+4          사용자 그룹 4
  그룹 5                        Ctrl+Shift+5          사용자 그룹 5
  그룹 6                        Ctrl+Shift+6          사용자 그룹 6
  그룹 7                        Ctrl+Shift+7          사용자 그룹 7
  그룹 8                        Ctrl+Shift+8          사용자 그룹 8
  그룹 9                        Ctrl+Shift+9          사용자 그룹 9
  그룹 10                       Ctrl+Shift+0          사용자 그룹 10
  키 입력 기록                  Ctrl+Q                키 입력 기록을 시작하거나 중지합니다
  기록 재생 1                   Alt+1                 키 입력 기록 1을 재생합니다
  기록 재생 2                   Alt+2                 키 입력 기록 2를 재생합니다
  기록 재생 3                   Alt+3                 키 입력 기록 3을 재생합니다
  기록 재생 4                   Alt+4                 키 입력 기록 4를 재생합니다
  기록 재생 5                   Alt+5                 키 입력 기록 5를 재생합니다
  기록 재생 6                   Alt+6                 키 입력 기록 6을 재생합니다
  기록 재생 7                   Alt+7                 키 입력 기록 7을 재생합니다
  기록 재생 8                   Alt+8                 키 입력 기록 8을 재생합니다
  기록 재생 9                   Alt+9                 키 입력 기록 9를 재생합니다
  기록 재생 10                  Alt+0                 키 입력 기록 10을 재생합니다
  사용자 도구 1                 Ctrl+1                이 사용자 도구를 실행시킵니다
  사용자 도구 2                 Ctrl+2                이 사용자 도구를 실행시킵니다
  사용자 도구 3                 Ctrl+3                이 사용자 도구를 실행시킵니다
  사용자 도구 4                 Ctrl+4                이 사용자 도구를 실행시킵니다
  사용자 도구 5                 Ctrl+5                이 사용자 도구를 실행시킵니다
  사용자 도구 6                 Ctrl+6                이 사용자 도구를 실행시킵니다
  사용자 도구 7                 Ctrl+7                이 사용자 도구를 실행시킵니다
  사용자 도구 8                 Ctrl+8                이 사용자 도구를 실행시킵니다
  사용자 도구 9                 Ctrl+9                이 사용자 도구를 실행시킵니다
  사용자 도구 10                Ctrl+0                이 사용자 도구를 실행시킵니다




  다음 구역                     F6                    다음 구역으로 전환합니다
  이전 구역                     Shift+F6              이전 구역으로 전환합니다
  최근 작업 창                  Ctrl+F12              바로 전에 작업한 문서 창으로 이동합니다
  창 목록                       F11                   모든 문서 창들의 목록을 보여줍니다
  다음 창                       Ctrl+Tab              다음 문서 창으로 이동합니다
  다음 문서 줄로                Alt+Page Down         문서 선택기에서 다음 줄로 찾아갑니다
  이전 창                       Ctrl+Shift+Tab        이전 문서 창으로 이동합니다
  이전 문서 줄로                Alt+Page Up           문서 선택기에서 이전 줄로 찾아갑니다


도움말


  도움말                        Shift+F1              클릭한 버튼와 메뉴, 그리고 창에 대하여 도움말을 표시합니다
  도움말                        F1                    현재 작업이나 명령에 대한 도움말을 표시합니다


하나씩 단축키를 살펴보면서 실습해보세요. 
내가 필요한 단축키가 눈에 들어옵니다.


마무리


단축키는 개발에 꼭 필요한 요소 입니다.


댓글을 달아 주세요


에디터 플러스 데이터 order by 


안녕하세요.
고코더 입니다. 


에디터플러스에서는 정렬 기능이 있습니다. 나열된 데이터를 드래그 해서
정렬 기능을 사용하면 통상적인 내림차순이나 올림차순으로 정렬이 가능합니다.
개발을 하다가 나열된 데이터를 정렬하기 위해 엑셀을 키는 불편한 보단
IDE에서 모든게 해결 하는게 효율적입니다.


 1. 아래처럼 숫자와 알파벳이 혼합해 있습니다. 이걸 한번 에디터플러스 기능으로 정렬을 해보려고 합니다. 


 2. 도구 탭에서 정렬을 실행합니다. 


 3. 정렬 상자가 나오면 오름차순과 내림차순을 선택하여 정렬을 클릭합니다. 


 4. 그럼 에디터 기능을 통해 나열하여 데이터를 정렬 했습니다. 


쓸일 없을거 같다고 생각할지 모르겠지만
개발 하다보면 에디터플러스를 메모장 용도로 사용하는 분이 많아서 소스를 개발하다보면 의외로 찾게되는 기능입니다.


마무리


IDE에서 모든 기능을 준비하는걸 찬성합니다.




댓글을 달아 주세요


에디터플러스에서 나만의 주석을 단축키로 만들기


안녕하세요.
고코더 입니다.


 1. 에디터플러스에서는 CTRL+D를 누르면 현재 날짜가 출력 됩니다.
실무에서는 주석에서 사용하기 쉽게 현재 날짜를 출력해주는 용도로 사용합니다.
이 양식을 변경하여 나만에 주석을 달 수 있도록 만들어보겠습니다.



 2. 편집 탭에서 삽입을 클릭하고 날짜/시간 양식을 클릭 합니다. 


 3. 그러면 해당에 양식을 지정하여 나만에 날짜 출력을 만들 수 있습니다. 
그리고 양식에 아래처럼 코드를 삽입했습니다. 현재 날짜와 시간 그리고
제 이름이 찍히게 했습니다. 
$(yyyy)-$(MM)-$(dd) $(H):$(mm):$(ss) 고코더


 4. 그리고 원하는 곳에 CTRL+D를 누르면 주석을 달고 내가 달았다고 서명을
남길 수 있습니다.




마무리


개발 후에 꼭 주석을 남기고 서명을 남기세요.


댓글을 달아 주세요


같은 단어를 같은 색으로 보이게 하기


안녕하세요.
고코더 입니다.


홈에디터플러스에서 좋은 기능인데 기본옵션으로는 체크되어 있지 않아서 많은 분들이 쓰고 있지 않는거 같아 글을 씁니다. 


 1. 코딩을 하다보면 이 단어가 단어가 어디에서 쓰고 있는지 한눈에 알아보는게 편합니다. 아래 소스처럼 Span을 선택하면 노란색으로 하일라이트 처리가 됩니다.


 2. 설정 방법은 아래와 같습니다. 보기 탭에서 단어강조 체크를 하면 해당 기능이 실행 됩니다.


단어 강조를 함으로써 현재 내가 찾고 있는 변수들이
가까운곳 어디에서 사용하는지 즉시 직관적으로 찾을 수 있습니다. 


마무리


이거 하나로 CTRL+F 실행 횟수를 많이 아낍니다.



댓글을 달아 주세요


editplus 소스 창 탭바 위쪽에 


안녕하세요.
고코더 입니다.


에디터플러스에서는 기본 옵션으로 소스창이 아래에 위치하고 있습니다. 구버전 IDE 특징인데요.
최신 버전까지 아래쪽에 탭을 관리하고 있습니다. 좋은점은 깔끔하게 소스창만 볼 수 있는 장점이 있지만
눈이 아래로 한번씩 가야 하는게 불편합니다.


 1. 이 창을 요즘 트렌드에 맞게 위쪽으로 옮겨보겠습니다. 도구에서 기본설정으로 이동합니다.

 2. 그리고 도구->레이아웃에서 문서 선택기에 셀렉트 박스를 위로 지정합니다.

 3. 그러면 소스와 더 가까운 위치 위쪽에 소스를 한눈에 관리 할 수 있습니다. 


마무리


아래 탭으로 관리 하는 분들은 
저처럼 올드 개발자일 경우가 많습니다.


댓글을 달아 주세요


editplus HTML 태그 꺽쇠를 자동으로 완성




에디터 플러스는 태그를 자동으로 닫아주지 않습니다. 개발 툴 로써의 기능도 좋지만 메모장으로도 쓰는 분이 많기에
해당 옵션을 사용하지 않는거 같습니다.


 1. 예를 들면 <html>을 써야 한다면 이처럼 닫는 태그까지 직접 써야 합니다.
그런데 이런 옵션을 좋아하는 개발자가도 많습니다. 

 2. 도구에서 기본설정을 클릭합니다. 이 기본설정이 가장 많은 옵션을 변경 할 수 있습니다.

 3. 그리고 일반에서 HTML 태그 자동으로 닫기를 체크 합니다.  닫기 태그 도움을 줄 옵션입니다.


 4. 이제 꺽쇠를 < 시작하면 자동으로 <>을 완성하고

 5. 꺽쇠 중간에서 코드를 작성하게 해줍니다.


마무리


해당 옵션을 사용하면 쉬프트를 자주 누르지 않아서 새끼 손가락이 안아퍼서 좋습니다.





댓글을 달아 주세요


editplus - 브라우저 띄우기를 chrome 으로 


안녕하세요.
고코더 입니다.




에디터플러스에서 브라우저를 뛰어 개발중인 소스를 웹에서 확인 하는 방법을 지난 시간에 배웠습니다  


 1. 이번에는 타 브라우저를 기본 브라우저로 변경해보겠습니다.
도구 -> 기본설정 을 클릭 합니다.

 2. 그리고 기본설정 창에서 도구에 -> 외부 브라우저를 선택합니다.

 3. 그리고 CTRL+B로 수정중인 파일을 확인하면 탭에서 익스플로러로 열리는게 아니라
외부 크롬으로 해당 파일이 열립니다. 

수정중인 파일을 로컬로 열리게 해주므로
필요한 디버깅 환경을 구성할 수도 있고 크로싱 브라우저 테스트도 쉽게 가능합니다.


마무리


쉽게 크롬으로 파일을 디버깅 할 수 있으니 꼭 필요한 설정입니다.


댓글을 달아 주세요


editplus 브라우저로 해당 소스 띄우기


안녕하세요.
고코더 입니다.


에디터플러스는 익스플로러를 기본으로 하여 현재 수정중인 HTML 페이지를 바로 볼 수 있는 기능을 제공하고 있습니다
매번 브라우저를 열어 확인하는 것보단 편리한데요. 로컬 파일을 간단하게 수정할때 편리합니다.

 1. 보기 -> 브라우저로 보기 -> 브라우저를 클릭하면 됩니다.


 2. 그럼 수정중인 파일을 익스플로러 브라우저로 불러와서 웹페이지를 에디터 플러스에서 노출 시킵니다. 

 3. 더 빠른 방법 해당 소스에서 CTRL + B를 누르면 바로 브라우저에서 보기를 사용 가능합니다.

정말 간단한 작업에서 사용하길 권장하며 브라우저를 직접열어서 확인해보는걸 추천합니다.
에디터플러스 탭안에서 열리는 방법이 표준인거 같지 않습니다. 간단한 확인에만 사용하길 바랍니다.


마무리


저는 자바스크립트로 학습이나 포트폴리오를 만들때 자주 사용합니다.






댓글을 달아 주세요