본문 바로가기

IT_Developers/IDE145

Notepad++ - 노트패드 시스템언어를 영어로 변경하기 노트패드 언어 설정을 영어로 안녕하세요. 고코더 입니다. ● 1. 노트패드는 친절하게도 설치시에 한국어로 UI를 제공합니다. 하지만 번역된 기능이 가끔은 헷갈려서 시스템 언어는 어렵지 않기도 해서 영어로 변경하여 사용합니다. ● 2. 시스템 메뉴에서 설정 그리고 환경설정을 클릭 합니다. 그리고 나타나는 기본설정에서 일반 탭에 있는 표시언어를 영어로 변경합니다. ● 3. 그럼 즉시 영어로 언어가 변경됩니다. 마무리 에디터는 영어로 사용하면 다음 IDE에서 사용이 편리합니다. 2019. 12. 14.
Notepad++ - 노트패드 무료 다운로드 및 설치 / 첨부파일 노트패드 설치하기 안녕하세요. 고코더 입니다. 무료 프로그램으로 울트라에디터,에디터플러스 보다 기능이 떨어지지 않는 노트패드++은 실무에서도 많이 사용하는 에디터 입니다. 그리고 개발자가 아닌 분들도 메모장 대용으로 사용하기도 하는데요. ● 1. 오늘은 이 프로그램을 다운로드 하고 설치해보겠습니다. 해당 URL에 접근하면 최신판 노트패드가 순서대로 릴리즈 되어 있습니다. https://notepad-plus-plus.org/downloads/ ● 2. 최신 버전을 다운로드 합니다. 용량도 매우 작습니다. ● 3. 설치 과정을 보면 한글입니다. 무료가 한글화까지 지원해주고 계십니다. 중간에 나오는 옵션은 사용자 정의로 하는걸 추천드립니다. ● 4. 설치가 완료되면 해당 프로그램이 실행 됩니다. 설치 과정도.. 2019. 12. 6.
WebStorm - 웹스톰에서 Node.js가 실행되지 않을 때 웹스톰에서 노드JS가 자동 실행 안될 때 안녕하세요. 고코더 입니다. ● 1. 웹스톰은 컴퓨터에 node가 설치되어 있으면 자동으로 node.js 실행 환경을 설정합니다. 이유는 잘 모르겠지만 Node가 실행안되는 분이 계시는 경우도 있습니다. ● 2. 이럴 경우에는 환경설정 (Ctrl+ Shit + s)를 눌러 실행합니다. Language & Frameworks을 실행합니다. 그러면 node interpreter 노드 실행 파일을 설정하는 곳과 Package manager를 NPM을 설정하는 곳이 있습니다. 이곳에 자신에 노드를 설치한 폴더로 맞추어 지정합니다. ● 3. 오른쪽 끝에 ...으로 되어 있는 열기 아이콘을 누르고 나오는 팝업에서도 +를 눌러 해당 node.js를 지정하면 됩니다. 마무리 노.. 2019. 12. 5.
비주얼 스튜디오 코드 - User Installer,System Installer 버전 차이는? / VSCode VSCODE 윈도우 버전의 두가디 다운로드 안녕하세요. 고코더 입니다. ● 1. VS CODE를 다운받는 페이지에서 윈도우 버전을 보게 되면 두가지 버전이 나타나게 됩니다. https://code.visualstudio.com/Download# ● 2. 이 버전은 쉽게 설명하면 아래와 같습니다. 유저 버전은 현재 사용자만 설치 가능한 버전이고 시스템버전은 해당 컴퓨터에 모든 사람이 사용 가능합니다. 요즘 대부분 1인 1PC인 경우가 많으니 시스템 버전을 설치해서 공용 버전으로 사용하는걸 추천드립니다. User Installer System Installer 설치하고 있는 현재 윈도우 사용자 계정만 사용 가능 공통 PC를 사용 중일 때 모든 윈도우 사용자가 사용 가능 개인 컴퓨터라면 이 버전을 설치하는걸 .. 2019. 12. 3.
비주얼 스튜디오 코드 - 처음 상태로 시스템 초기화 하기 / VSCode visual studio code reset 안녕하세요. 고코더 입니다. 비주얼 스튜디어 코드는 재설치를 하여도 이전 설정이 그대로 남아있습니다. 메뉴에도 초기값으로 되돌리기도 없죠. 코드를 완벽히 지우고 설치하면 초기상태로 돌아가게 됩니다. 설정 값 폴더를 삭제 ● 1. 삭제 -> C:\Users\사용자명\.vscode ● 2. 삭제 -> C:\Users\사용자명\AppData\Roaming\Code 프로그램 삭제후 재설치 ● 3. 이제 프로그램 삭제에서 코드를 삭제합니다. ● 4. 이제 재설치를 진행하면 ● 5. 처음 상태로 변경된 비주얼 스튜디오 코드를 볼 수 있습니다. 마무리 초기화는 필수인데 기능을 만들어줬으면 2019. 12. 1.
WebStrom - 웹스톰 다운로드 및 설치하는 방법 젯브레인 웹스톰 설치 안녕하세요. 고코더 입니다. JavasScript 를 개발하는 가장 강력한 IDE인 웹스톰을 설치해보려고 합니다. 제 개인적인 생각으로도 Node.js 를 코딩시 개발자를 가장 편하게 만들어주는 도구입니다. 많은 분들이 경험하지 못하는 이유가 가격이 유료라는 점입니다. 하지만 30일 트라이얼 기간이 있으니 사용해보시길 추천합니다. ● 1. 해당 젯브레인 홈페이지 URL에 접속합니다. 그럼 해당 화면에서 다운로드 버튼을 확인 가능합니다. https://www.jetbrains.com/ko-kr/webstorm/ ● 2. 다운로드 받은 파일을 실행합니다. ● 3. 이제 설치를 진행하겠습니다. 젯브레인 프로그램은 그저 다음 다음만 눌러주면 되죠. 역시 이 화면에서 Next를 눌러서 진행하.. 2019. 12. 1.
브라켓 - 수정중인 소스 실시간 미리보기 기능 사용/ brackets 파일을 브라우저에서 미리보기 안녕하세요. 고코더 입니다. 브라켓은 해당 수정중인 파일을 실시간으로 미리보기 할 수 있는 기능을 제공 합니다. ● 1. 브라켓을 실행 한 후에 오른쪽 위에 번개(?)표시 아이콘을 클릭 합니다. 현재 저는 index.html 을 수정 중 입니다. ● 2. 그럼 컴퓨터에 임의에 포트로 해당 페이지를 보여줍니다. ● 3. 그리고 파일을 수정하면 브라우저에도 실시간으로 수정중인 소스에 내용을 즉시 보여줍니다. F5눌러 새로고침 하지 않아도 되는 편리함이 있습니다. ● 4. 그리고 파일에서 프로젝트 설정을 클릭 합니다. ● 5. 해당 프로젝트 설정 창에서 실시간 미리보기를 원하는 URL을 입력하면 실시간 미리보기시에 해당 페이지로 연결하여 오픈하게 됩니다. ● 6. 브라켓이 생성하는.. 2019. 11. 29.
WebStorm - JetBrains이 가져온 JavaScript IDE 혁명 / 웹스톰을 추천하는 이유 할 수 있다면 웹스톰으로 개발 하는게 어떨까요? 안녕하세요. 고코더 입니다. Node.js에 등장으로 JavaScript 개발을 위한 IDE들이 다시 주목 받고 있습니다. 공룡 IT 기업들은 이미 저마다 무료로 사용가능한 개발 프로그램들을 제작하여 배포하고 있습니다. 이런 레드오션 시장에서 유료 정책으로 성공한 웹스톰에 대해 이야기를 나누려고 합니다. 1. 기존에도 훌륭한 무료 IDE 시장 자바스크립트를 개발 할 수 있는 프로그램은 많습니다. 급할때는 메모장을 사용 할 수 도 있고 강력한 기능을 갖춘 무료 프로그램도 많습니다. MS사에 비주얼 스튜디오 코드, 깃허브에 아톰, 어도비에 브라켓등 선택 사항은 넓고 풍족합니다. 실제로 많은 개발자와 기업에서는 이 프로그램들을 도입하여 부족함 없이 자바스크립트를.. 2019. 11. 28.
브라켓 - 포터블 무설치 프로그램 다운로드 / Brackets 설치 없이 쓰는 브라켓 portable 안녕하세요. 고코더 입니다. 브라켓를 포터블로 사용할 수 있게 만든 프로그램을 어떤 개발자가 깃을 통해 배포 중입니다. ● 1. 해당 URL로 접속하여 exe로 되어 있는 프로그램을 다운로드 해주세요. https://github.com/sagiegurari/brackets-portable/releases/latest ● 2. 첨부파일로도 올려 드립니다.(압축해제된 버전) ● 3. 깃에서 다운로드 받은 파일을 실행하면 압축을 푸는 과정이 필요 합니다. 설치는 아니에요. ● 4. 압축이 풀린 폴더에서 exe를 실행하면 포터블로 브라켓이 실행 가능합니다. 마무리 포터블 좋아하는 분들에게는 좋겠네요. 2019. 11. 28.