visual studio code reset


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


비주얼 스튜디어 코드는 재설치를 하여도 이전 설정이 그대로 남아있습니다.
메뉴에도 초기값으로 되돌리기도 없죠. 
코드를 완벽히 지우고 설치하면 초기상태로 돌아가게 됩니다.



설정 값 폴더를 삭제


 1. 삭제 -> C:\Users\사용자명\.vscode 


 2. 삭제 -> C:\Users\사용자명\AppData\Roaming\Code



프로그램 삭제후 재설치


 3. 이제 프로그램 삭제에서 코드를 삭제합니다.


 4. 이제 재설치를 진행하면 


 5. 처음 상태로 변경된 비주얼 스튜디오 코드를 볼 수 있습니다.




마무리


초기화는 필수인데 기능을 만들어줬으면


댓글을 달아 주세요


할 수 있다면 웹스톰으로 개발 하는게 어떨까요?


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



Node.js에 등장으로 JavaScript 개발을 위한 IDE들이 다시 주목 받고 있습니다. 
공룡 IT 기업들은 이미 저마다 무료로 사용가능한 개발 프로그램들을 제작하여 배포하고 있습니다.
이런 레드오션 시장에서 유료 정책으로 성공한 웹스톰에 대해 이야기를 나누려고 합니다. 


1. 기존에도 훌륭한 무료 IDE 시장
자바스크립트를 개발 할 수 있는 프로그램은 많습니다. 급할때는 메모장을 사용 할 수 도 있고 강력한 기능을 갖춘 무료 프로그램도 많습니다. MS사에 비주얼 스튜디오 코드, 깃허브에 아톰, 어도비에 브라켓등 선택 사항은 넓고 풍족합니다. 실제로 많은 개발자와 기업에서는 이 프로그램들을 도입하여 부족함 없이 자바스크립트를 개발하고 있습니다. 

2. 완벽함을 추구하는 젯브레인사에 IDE
하지만 개발자를 완벽히 지원하는 IDE 툴은 젯브레인사에 웹스톰이 아닐까 생각합니다. 
낯선 나라 체코 프라하에 있는 이 회사는 개발 프로그램을 전문적으로 만들어내는 소프트웨어 회사 입니다. 
이들이 만들어낸 IDE들은 개발자를 이해하는 지능적은 코드 어시스턴트, 높은 완성도와 안전성 그리고 개발자를 지원하는 편의성이 상당합니다. 10여년 가까이 이클립스와 아톰등에 만족하며 쓰다 리뷰를 위해 젯브레인사에 IDE를 쓰고 저도 매니아가 된거보면 분명 매력적인 도구 입니다.


3. 비싼 구독료
하지만 주변을 살펴보면 아직 웹스톰을 사용하는 개발자를 많이 볼 수는 없습니다. 이유는 가격이 매우 비싸기 때문입니다. 1년에 약 15만원 정도 구독료를 내야 합니다. 물런 학생 무료 라이센스나 스타트업 할인등 다양한 프로모션이 존재하지만 평범한 개인 개발자들에게 구독료 지출 부분은 쉽지 않은 선택 입니다. 기업에서도 이미 이클립스와 아톰과 같은 대표적인 무료 IDE가 있는데 돈을 쓰고 싶지 않기 때문입니다. 

4. 그래도 웹스톰을 추천하는 이유
좋은 IDE는 좀 더 빠르게 코딩을 할 수 있게 합니다. 불필요한 시간을 줄이게 함으로 같은 시간동안 더 많은걸 개발하고 공부하게 합니다. 
예를 들면 큰 따옴표 안에 따옴표를 입력해야 한다면 웹스톰은 붙혀넣기를 하면 자동으로 알아서 스트링을 완성해줍니다. 만약 다른 IDE였다면 따옴표 안에 특수문자를 넣기 위해 여러번에 디버깅을 하면서 시간을 낭비하게 합니다. 물런 이런 디버깅이나 오류를 만들어 내는 것도 개발 학습안에 들어가지만 IDE가 코딩 비서와 같은 역할을 해준다면 더 가치 있는 곳에 시간을 투자 할 수 있습니다. 
해당 변수가 어디에 속해 있는지 소스를 하나씩 열어보는게 아니라 F3키 한번이면 자동으로 포커스가 이동 되는건 게으름이 아니라 스마트한 개발자 입니다.

그리고 가장 최신 트렌드에 IDE를 만나보는 것 역시 개발자가 해야할 학습이라 생각합니다.



마무리


5. 회사 정책에 맞는 IDE 사용하는게 맞다.
이번 시간에 웹스톰을 사용해야 한다고 말했지만 회사 정책이 무료 IDE를 사용하는 분위기라면 의사소통을 위해 동일한 프로그램을 쓰는 것이 맞습니다. 팀 프로젝트는 나 혼자 코딩을 잘하는걸 뽐내는 자리가 아니라 팀워크로 프로젝트를 완성하는게 목적 입니다. 웹스톰이 가장 좋은 효율을 내고 프로젝트를 단축시킬 수 있지만 비싼 구독료라던지 내부 레퍼런스가 특정 IDE에 맞게 설계된 경우 등 저마다에 이유로 필요한 IDE가 있기 마련입니다. 



댓글을 달아 주세요


VS Code 한글로 UI 바꾸기 


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


VSCODE를 설치하면 기본으로 영어로 설정이 되어 있습니다. 
저는 영어로 된 IDE 사용을 추천하지만 불편하신 분들을 위해 기본 언어를 한글로 변경하는 방법을 알아보겠습니다 


 1. 비주얼스튜디오코드를 실행 후에 왼쪽에 확장프로그램 아이콘을 클릭한 후에  Korean이라는 키워드로 검색을 합니다. 
그리고 나오는 맨위에 "Korean Language Pack for VS Code"를 install 합니다.


 2. 그럼 즉시 설치가 완료되고 VS CODE를 재스타트 하는 메세지가 나타납니다. 


 3. 재시작된 프로그램은 한글화가 완벽하게 되어 있습니다. 마이크로소프트가 만들어 배포하는 Pack이기에 당연한거 같네요.



마무리


IDE 시스템에 영어는 어렵지 않기에 그대로 사용하는걸 추천합니다.
그러면 다른 프로그램 사용시 맥락을 이해하기 쉽습니다.




댓글을 달아 주세요


익명 통계 데이터 전송하지 않기 설정


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


 1. 브라켓을 실행하면 해당 팝업 레이어가 가장 눈에 들어옵니다.


 2. 요약하자면 기본설정으로 익명통계를 어도비 서버로 보내고 있다는 말입니다.
보통은 옵션을 선택할때만 통계를 전송했지만 브라켓은 많은 데이터가 필요한거 같습니다.
Brackets 상태보고서 
Brackets 개선을 위해 고객에 Brackets를 어떻게 사용하는지에 관한 제한된 익명 통계를 Adobe에 주기적으로 전송합니다. 이 정보는 기능의 우선순위를 정하고, 버그를 찾고, 사용성 문제를 해결하는데 도움을 줍니다.고객의 데이터를 보거나 또는 데이터를 공유하지 않도록 하려면 도움말>상태보고서를 선택하세요. Brackets 상태 보고서에 관한 자세한 정보.


 3. 하지만 회사에서 특정서버로 데이터가 전송되는 트래픽을 좋아하는 보안담당자는 없으니 설정을 취소해보겠습니다.
도움말에서 상태보고서를 클릭 합니다. 


 4. 나타나는 상태보고서에서 "Brackets 사용 행태 정보를 익명으로 공유" 해당 체크박스를 해제합니다.
그리고 완료를 클릭 합니다. 


이제 익명 데이터를 브라켓 서버로 보내지 않습니다. 


마무리


개인 컴퓨터라면 브라켓을 위해 전송하게 해주셔도 좋을거 같습니다. 


댓글을 달아 주세요


어도비 무료 에디터 툴 브라켓 메뉴를 영어로


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


브라켓은 기본적으로 시스템 언어에 따라서 메뉴가 나타납니다. 저는 당연히 한국어 OS를 설치해서 한국어 UI가 기본적으로 셋팅 되었습니다.
하지만 IDE에서 사용하는 영어는 기본적이고 공통적인 단어들입니다. 번역체로 도구를 찾기보다는 영어로 인터페이스를 바꾸어 사용하는게 좋아보입니다.


 1. 그래서 저는 영어로 UI를 변경해보겠습니다.
탑 메뉴바에서 디버그에서 언어 변경을 클릭 합니다. 


 2. 그리고 원하시는 언어를 선택하고 재시작을 클릭 합니다.
재시작은 시스템 내부에서 새로고침되며 프로그램 자체는 종료되지 않습니다. 


 3. 그러면 이제 익숙한 영어 UI가 나타납니다.



마무리


좀 불편하더라도 영어 UI에 익숙해지는건 어떨까요?




댓글을 달아 주세요


키보드맵 전체 보기 


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


홈 코딩(집에서 개발)을 하던 중에 에디터플러스에 단축키를 한번에 확인 가능한 메뉴를 발견해서 글을 씁니다.
특히 이런 메모장식의 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에서 모든 기능을 준비하는걸 찬성합니다.




댓글을 달아 주세요



같은 듯 다른 두개의 같은 회사 IDE 프로그램


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


MS가 만든 두개의 대표 IDE 프로그램이 있습니다. 두 제품 모두 많은 개발자 분들이 사용하고 있습니다.
저는 보통 코드보단 스튜디오 커뮤니티를 사용하는 편입니다. 

제 블로그에서도 두 제품의 설치 방법도 알아보았는데요.
비주얼 스튜디오
비주얼 스튜디오 코드 

이 두 제품의 차이점을 간단하게 알아보려고 합니다.



 1. 소스 편집기 그리고 프로젝트 개발 도구


코드는 독립 파일 편집에 최적화된 프로그램입니다. 
스튜디어는 패키지성 프로젝트를 개발하기에 최적화된 프로그램이죠.
물런 두 제품다 프로젝트도 가능하고 파일 편집도 가능합니다. 다만 최적화라는 측면입니다.

코드는 에디터플러스와 비슷하다면
스튜디오는 이클립스와 비슷합니다.


두 제품은 프로젝트성 개발 툴이냐 파일 편집 도구 툴이냐라는 확실한 컨셉이 있습니다.


 2. 모든 개발을 위한 코드 그리고 .Net에 최적화된 프로그램은 스튜디오 


비주얼 스튜디오는 MS가 만든 닷넷을 위한 프로그램으로 시작했습니다.
닷넷 개발을 하면 이 개발툴은 이클립스와 비교할 수 없을 정도로 편하고 한글까지 지원됩니다.
그렇기 때문에 닷넷 개발회사를 가면 비주얼 스튜디오가 여기저기 떠 다닙니다.
물런 다른 프로그램도 개발 가능하지만 닷넷을 개발하기 위한 컨셉의 프로그램 입니다.

코드는 모든 소스개발에 사용하도록 개발되었습니다. 파일 편집기 툴이니깐요.
요즘 이 프로그램은 퍼블리셔들이 사용하기에 가볍고 최적의 기능을 제공하고 있어서
많이 사용하고 있습니다.

닷넷을 위한 스튜디오
모든걸 위한 코드



 3. 무료 VS 유료


코드는 무료입니다. 기업에서도 사용 가능합니다.
하지만 스튜디오는 유료입니다. 개인과 소기업에서는 커뮤니티가 무료지만
일반회사는 스튜디오를 구매해야 합니다. 그리고 매우 비쌉니다.


 4. 매우 가볍다 vs 매우 무겁다


스튜디오는 디버깅이 가능한 프로젝트 개발 툴이기에 많인 기능을 내포하고 있기에 매우 무겁습니다. 
코드는 50메가 뿐이 안되는 크기로 설치가 가능합니다.

이 말은 장비가 노후 되었거나 성능이 떨어지는 환경이라면 코드를 선택하는 경우도 나쁘지 않습니다.
가볍다는건 그만큼 낮은 스펙에서 작동이 가능합니다. 
스튜디오는 제 i7 노트북에서도 가끔은 무겁네요.



마무리


그래서 전 둘다 사용합니다.


댓글을 달아 주세요


Visual Studio Code download setup


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



오늘은 비주얼 스튜디오 코드를 설치해보려고 합니다. 요즘 가장 많이 사용하는 개발 툴이기도 합니다.
비주얼 스튜디오 치고는 많이 가볍습니다. 쉽게 설치 할 수 있고
무엇보다 회사에서도 완전히 무료 입니다. MS가 왠일로 기특한일을 했죠?

 1. 해당 URL에 가면 무료로 다운이 가능합니다. 용량도 50메가 뿐이 안됩니다.

 2. 첨부파일을 설치하셔도 됩니다.

 3. 설치 또한 간단합니다. 다음만 눌러주시면 되고 중간에 광고를 유도하거나 하는 피싱도 없습니다.

 4. 설치 위치는 기본으로 하겠습니다. 

 5. 시작 메뉴명도 역시 기본으로 하셔야 찾기 편하실거 같네요

 6. 옵션 체크 자체도 기본 편집툴로 사용되지 않는게 기본입니다. 
기본 개발툴로 사용하고 싶다면 모두 체크 해주시면 됩니다.



 7. 완료와 동시에 프로그램실행이 됩니다. 기존 비주얼 스튜디오 같지 않고 깃허브가 만든 아톰이랑 많이 닮았네요. 
그런데 깃허브는 MS가 인수했군요.


비주얼 스튜디오는 무료이기에 중소기업부터 큰기업까지 많이 사용하여
퍼블리셔들이 사용하는 툴입니다. 그리고 학습자들도 많이 택하는 프로그램이죠.
한번 설치해보시길 추천합니다.


마무리


무료 개발툴이 많아서 좋네요.







댓글을 달아 주세요



Visual Studio 에서 font 변경



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



모든 IDE를 셋팅할때 기본은 글꼴을 바꾸는 것입니다.
기본 폰트는 가독성이 매우 안좋으므로 개발자 폰트를 사용하는 건 기본입니다.
사람에 따라 기본 폰트를 좋아하는 분도 계시더군요

 1. 비주얼 스튜디오를 설치하고 도구에서 옵션으로 이동 합니다.


 2. 그리고 옵션창에서 글꼴 및 색을 클릭 합니다. 
여기서 글꼴을 선택하고 확인을 누르면 즉시 폰트가 변경 됩니다. 

제가 추천하는 글꼴은 HACK 입니다.
아쉽게 한글은 기본 폰트로 보이지만 가독성은 가장 좋아보입니다.


마무리


오랜만에 만난 비주얼 스튜디오


댓글을 달아 주세요