본문 바로가기

IDE28

비주얼 스튜디오 코드 - 처음 상태로 시스템 초기화 하기 / VSCode visual studio code reset 안녕하세요. 고코더 입니다. 비주얼 스튜디어 코드는 재설치를 하여도 이전 설정이 그대로 남아있습니다. 메뉴에도 초기값으로 되돌리기도 없죠. 코드를 완벽히 지우고 설치하면 초기상태로 돌아가게 됩니다. 설정 값 폴더를 삭제 ● 1. 삭제 -> C:\Users\사용자명\.vscode ● 2. 삭제 -> C:\Users\사용자명\AppData\Roaming\Code 프로그램 삭제후 재설치 ● 3. 이제 프로그램 삭제에서 코드를 삭제합니다. ● 4. 이제 재설치를 진행하면 ● 5. 처음 상태로 변경된 비주얼 스튜디오 코드를 볼 수 있습니다. 마무리 초기화는 필수인데 기능을 만들어줬으면 2019. 12. 1.
WebStorm - JetBrains이 가져온 JavaScript IDE 혁명 / 웹스톰을 추천하는 이유 할 수 있다면 웹스톰으로 개발 하는게 어떨까요? 안녕하세요. 고코더 입니다. Node.js에 등장으로 JavaScript 개발을 위한 IDE들이 다시 주목 받고 있습니다. 공룡 IT 기업들은 이미 저마다 무료로 사용가능한 개발 프로그램들을 제작하여 배포하고 있습니다. 이런 레드오션 시장에서 유료 정책으로 성공한 웹스톰에 대해 이야기를 나누려고 합니다. 1. 기존에도 훌륭한 무료 IDE 시장 자바스크립트를 개발 할 수 있는 프로그램은 많습니다. 급할때는 메모장을 사용 할 수 도 있고 강력한 기능을 갖춘 무료 프로그램도 많습니다. MS사에 비주얼 스튜디오 코드, 깃허브에 아톰, 어도비에 브라켓등 선택 사항은 넓고 풍족합니다. 실제로 많은 개발자와 기업에서는 이 프로그램들을 도입하여 부족함 없이 자바스크립트를.. 2019. 11. 28.
비주얼 스튜디오 코드 - 시스템 한글로 변경하기 /한국어패치 / VSCode VS Code 한글로 UI 바꾸기 안녕하세요 고코더 입니다. VSCODE를 설치하면 기본으로 영어로 설정이 되어 있습니다. 저는 영어로 된 IDE 사용을 추천하지만 불편하신 분들을 위해 기본 언어를 한글로 변경하는 방법을 알아보겠습니다 ● 1. 비주얼스튜디오코드를 실행 후에 왼쪽에 확장프로그램 아이콘을 클릭한 후에 Korean이라는 키워드로 검색을 합니다. 그리고 나오는 맨위에 "Korean Language Pack for VS Code"를 install 합니다. ● 2. 그럼 즉시 설치가 완료되고 VS CODE를 재스타트 하는 메세지가 나타납니다. ● 3. 재시작된 프로그램은 한글화가 완벽하게 되어 있습니다. 마이크로소프트가 만들어 배포하는 Pack이기에 당연한거 같네요. 마무리 IDE 시스템에 영어는.. 2019. 11. 26.
브라켓 - Brackets 상태 보고서 전송하지 않기 익명 통계 데이터 전송하지 않기 설정 안녕하세요. 고코더 입니다. ● 1. 브라켓을 실행하면 해당 팝업 레이어가 가장 눈에 들어옵니다. ● 2. 요약하자면 기본설정으로 익명통계를 어도비 서버로 보내고 있다는 말입니다. 보통은 옵션을 선택할때만 통계를 전송했지만 브라켓은 많은 데이터가 필요한거 같습니다. Brackets 상태보고서 Brackets 개선을 위해 고객에 Brackets를 어떻게 사용하는지에 관한 제한된 익명 통계를 Adobe에 주기적으로 전송합니다. 이 정보는 기능의 우선순위를 정하고, 버그를 찾고, 사용성 문제를 해결하는데 도움을 줍니다.고객의 데이터를 보거나 또는 데이터를 공유하지 않도록 하려면 도움말>상태보고서를 선택하세요. Brackets 상태 보고서에 관한 자세한 정보. ● 3. 하지.. 2019. 11. 11.
브라켓 - Brackets 시스템 UI 언어 변경 어도비 무료 에디터 툴 브라켓 메뉴를 영어로 안녕하세요. 고코더 입니다. 브라켓은 기본적으로 시스템 언어에 따라서 메뉴가 나타납니다. 저는 당연히 한국어 OS를 설치해서 한국어 UI가 기본적으로 셋팅 되었습니다. 하지만 IDE에서 사용하는 영어는 기본적이고 공통적인 단어들입니다. 번역체로 도구를 찾기보다는 영어로 인터페이스를 바꾸어 사용하는게 좋아보입니다. ● 1. 그래서 저는 영어로 UI를 변경해보겠습니다. 탑 메뉴바에서 디버그에서 언어 변경을 클릭 합니다. ● 2. 그리고 원하시는 언어를 선택하고 재시작을 클릭 합니다. 재시작은 시스템 내부에서 새로고침되며 프로그램 자체는 종료되지 않습니다. ● 3. 그러면 이제 익숙한 영어 UI가 나타납니다. 마무리 좀 불편하더라도 영어 UI에 익숙해지는건 어떨까요? 2019. 11. 11.
EditPlus - 에디터플러스 단축키 모음 키보드맵 전체 보기 안녕하세요. 고코더 입니다. 홈 코딩(집에서 개발)을 하던 중에 에디터플러스에 단축키를 한번에 확인 가능한 메뉴를 발견해서 글을 씁니다. 특히 이런 메모장식의 IDE는 단축키를 쓸수록 개발 속도가 빨라집니다. ● 1. 에디터플러스 실행을 한 후에 도움말 탭에서 키보드 맵을 클릭하면 ● 2. 이렇게 빈문서에 키보드맵 단축키들이 출력 됩니다. ● 3. 출력된 에디터플러스 키보드 맵을 복사해서 공유합니다. 하나씩 따라해보니 개발 효율을 높혀줄 단축키를 다시 발견하게 되네요. 파일 최근 작업 문서 더 보기(&M)... Ctrl+Alt+O 더 많은 최근 작업 문서 목록을 표시합니다 새 보통 문서 Ctrl+N 보통 텍스트 문서를 새로 작성합니다 새 브라우저 창 Ctrl+Shift+B 새 브라우저.. 2019. 10. 29.
EditPlus - 에디터플러스로 문자 정렬하기 기능 에디터 플러스 데이터 order by 안녕하세요. 고코더 입니다. 에디터플러스에서는 정렬 기능이 있습니다. 나열된 데이터를 드래그 해서 정렬 기능을 사용하면 통상적인 내림차순이나 올림차순으로 정렬이 가능합니다. 개발을 하다가 나열된 데이터를 정렬하기 위해 엑셀을 키는 불편한 보단 IDE에서 모든게 해결 하는게 효율적입니다. ● 1. 아래처럼 숫자와 알파벳이 혼합해 있습니다. 이걸 한번 에디터플러스 기능으로 정렬을 해보려고 합니다. ● 2. 도구 탭에서 정렬을 실행합니다. ● 3. 정렬 상자가 나오면 오름차순과 내림차순을 선택하여 정렬을 클릭합니다. ● 4. 그럼 에디터 기능을 통해 나열하여 데이터를 정렬 했습니다. 쓸일 없을거 같다고 생각할지 모르겠지만 개발 하다보면 에디터플러스를 메모장 용도로 사용하는.. 2019. 10. 25.
비주얼 스튜디오 코드 vs 비주얼 스튜디오 - 두 IDE의 차이점을 알아보자! 같은 듯 다른 두개의 같은 회사 IDE 프로그램 안녕하세요고코더 입니다. MS가 만든 두개의 대표 IDE 프로그램이 있습니다. 두 제품 모두 많은 개발자 분들이 사용하고 있습니다.저는 보통 코드보단 스튜디오 커뮤니티를 사용하는 편입니다. 제 블로그에서도 두 제품의 설치 방법도 알아보았는데요.비주얼 스튜디오-> 비주얼 스튜디오 2019 - 쉬운 설치 및 다운로드 / 첨부파일 비주얼 스튜디오 코드 -> 비주얼 스튜디오 코드 - 설치 및 다운로드 방법 / 첨부파일 이 두 제품의 차이점을 간단하게 알아보려고 합니다. ● 1. 소스 편집기 그리고 프로젝트 개발 도구 코드는 독립 파일 편집에 최적화된 프로그램입니다. 스튜디어는 패키지성 프로젝트를 개발하기에 최적화된 프로그램이죠.물런 두 제품다 프로젝트도 가능하고 .. 2019. 10. 16.
비주얼 스튜디오 코드 - 설치 및 다운로드 방법 / 첨부파일 Visual Studio Code download setup 안녕하세요.고코더 입니다. 오늘은 비주얼 스튜디오 코드를 설치해보려고 합니다. 요즘 가장 많이 사용하는 개발 툴이기도 합니다.비주얼 스튜디오 치고는 많이 가볍습니다. 쉽게 설치 할 수 있고무엇보다 회사에서도 완전히 무료 입니다. MS가 왠일로 기특한일을 했죠? ● 1. 해당 URL에 가면 무료로 다운이 가능합니다. 용량도 50메가 뿐이 안됩니다.https://code.visualstudio.com ● 2. 첨부파일을 설치하셔도 됩니다. ● 3. 설치 또한 간단합니다. 다음만 눌러주시면 되고 중간에 광고를 유도하거나 하는 피싱도 없습니다. ● 4. 설치 위치는 기본으로 하겠습니다. ● 5. 시작 메뉴명도 역시 기본으로 하셔야 찾기 편하실거 같네요.. 2019. 10. 16.