노트패드 언어 설정을 영어로


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


 1. 노트패드는 친절하게도 설치시에 한국어로 UI를 제공합니다.
하지만 번역된 기능이 가끔은 헷갈려서 시스템 언어는 어렵지 않기도 해서 
영어로 변경하여 사용합니다.


 2. 시스템 메뉴에서 설정 그리고 환경설정을 클릭 합니다. 


그리고 나타나는 기본설정에서 일반 탭에 있는 표시언어를 영어로 변경합니다.


 3. 그럼 즉시 영어로 언어가 변경됩니다. 




마무리


에디터는 영어로 사용하면
다음 IDE에서 사용이 편리합니다.


댓글을 달아 주세요


노트패드 설치하기


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


무료 프로그램으로 울트라에디터,에디터플러스 보다 기능이 떨어지지 않는
노트패드++은 실무에서도 많이 사용하는 에디터 입니다.
그리고 개발자가 아닌 분들도 메모장 대용으로 사용하기도 하는데요.

 1. 오늘은 이 프로그램을 다운로드 하고 설치해보겠습니다.
해당 URL에 접근하면 최신판 노트패드가 순서대로 릴리즈 되어 있습니다.


 2. 최신 버전을 다운로드 합니다. 용량도 매우 작습니다.

npp.7.8.2.Installer.zip






● 3. 설치 과정을 보면 한글입니다. 무료가 한글화까지 지원해주고 계십니다.


중간에 나오는 옵션은 사용자 정의로 하는걸 추천드립니다.


 4. 설치가 완료되면 해당 프로그램이 실행 됩니다.
설치 과정도 용량도 작가 무겁지도 않고 나쁜걸 찾기 어려운 에디터 입니다.



마무리


아주 가볍운 소스 코드 에디터를 찾는다면 노트패드
기능 많은 에디터는 VS CODE를 추천합니다.



댓글을 달아 주세요


웹스톰에서 노드JS가 자동 실행 안될 때


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


 1. 웹스톰은 컴퓨터에 node가 설치되어 있으면 자동으로 node.js 실행 환경을 설정합니다. 
이유는 잘 모르겠지만 Node가 실행안되는 분이 계시는 경우도 있습니다.



 2. 이럴 경우에는 환경설정 (Ctrl+ Shit + s)를 눌러 실행합니다.
Language & Frameworks을 실행합니다. 그러면 node interpreter 노드 실행 파일을 설정하는 곳과
Package manager를 NPM을 설정하는 곳이 있습니다. 이곳에 자신에 노드를 설치한 폴더로 맞추어 지정합니다. 


 3. 오른쪽 끝에 ...으로 되어 있는 열기 아이콘을 누르고 나오는 팝업에서도 +를 눌러 해당 node.js를 지정하면 됩니다.




마무리


노드가 설치되었다면 자동으로 잡힙니다. 혹시 설치 안하신건 아닌지요?


댓글을 달아 주세요


VSCODE 윈도우 버전의 두가디 다운로드


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

 1. VS CODE를 다운받는 페이지에서 윈도우 버전을 보게 되면 두가지 버전이 나타나게 됩니다. 


 2. 이 버전은 쉽게 설명하면 아래와 같습니다. 유저 버전은 현재 사용자만 설치 가능한 버전이고
시스템버전은 해당 컴퓨터에 모든 사람이 사용 가능합니다. 
요즘 대부분 1인 1PC인 경우가 많으니 시스템 버전을 설치해서 공용 버전으로 사용하는걸 추천드립니다.
User Installer
System Installer
설치하고 있는 현재 윈도우 사용자 계정만 사용 가능 공통 PC를 사용 중일 때
모든 윈도우 사용자가 사용 가능 개인 컴퓨터라면 이 버전을 설치하는걸 추천


 3. 다운로드시에 파일 이름이 user가 들어가면 유저버전이고 없는게 시스템 버전입니다.



마무리

역시 윈도우를 만든 MS다운 배포 버전입니다.



댓글을 달아 주세요


visual studio code reset


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


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



설정 값 폴더를 삭제


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


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



프로그램 삭제후 재설치


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


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


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




마무리


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


댓글을 달아 주세요



젯브레인 웹스톰 설치


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


JavasScript 를 개발하는 가장 강력한 IDE인 웹스톰을 설치해보려고 합니다. 
제 개인적인 생각으로도 Node.js 를 코딩시 개발자를 가장 편하게 만들어주는 도구입니다. 
많은 분들이 경험하지 못하는 이유가 가격이 유료라는 점입니다. 

하지만 30일 트라이얼 기간이 있으니 사용해보시길 추천합니다.


 1. 해당 젯브레인 홈페이지 URL에 접속합니다. 그럼 해당 화면에서 다운로드 버튼을 확인 가능합니다. 


 2. 다운로드 받은 파일을 실행합니다. 



 3. 이제 설치를 진행하겠습니다. 젯브레인 프로그램은 그저 다음 다음만 눌러주면 되죠.
역시 이 화면에서 Next를 눌러서 진행하시면 됩니다. 


 4. 설치 폴더를 설정합니다. 기본 폴더 위치를 정했습니다. 


 5. 설치 옵션이 잇습니다. 기본 그대로 next 를 클릭하겠습니다. 추후에 바꿀 수 있습니다.


 6. 프로그램 start 메뉴 이름을 정합니다. 


 7. 설치 완료후 해당 프로그램을 실행합니다. 



 8. 웹스톰이 설치가 완료 되었습니다. 




마무리


설치는 쉽죠?


댓글을 달아 주세요


파일을 브라우저에서 미리보기 


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


브라켓은 해당 수정중인 파일을 실시간으로 미리보기 할 수 있는 기능을 제공 합니다. 

 1. 브라켓을 실행 한 후에 오른쪽 위에 번개(?)표시 아이콘을 클릭 합니다. 현재 저는 index.html 을 수정 중 입니다. 


 2. 그럼 컴퓨터에 임의에 포트로 해당 페이지를 보여줍니다. 


 3. 그리고 파일을 수정하면 브라우저에도 실시간으로 수정중인 소스에 내용을 즉시 보여줍니다. F5눌러 새로고침 하지 않아도 되는 편리함이 있습니다. 



 4. 그리고 파일에서 프로젝트 설정을 클릭 합니다. 


 5. 해당 프로젝트 설정 창에서 실시간 미리보기를 원하는 URL을 입력하면 실시간 미리보기시에 해당 페이지로 연결하여 오픈하게 됩니다.


 6. 브라켓이 생성하는 주소 대신 실제로 개발중이 서버에 주소를 입력하시면 됩니다.



마무리


있을 건 다 있습니다.



댓글을 달아 주세요


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


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



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가 있기 마련입니다. 



댓글을 달아 주세요


설치 없이 쓰는 브라켓 portable


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


브라켓를 포터블로 사용할 수 있게 만든 프로그램을
어떤 개발자가 깃을 통해 배포 중입니다.

 1. 해당 URL로 접속하여 exe로 되어 있는 프로그램을 다운로드 해주세요.


 2. 첨부파일로도 올려 드립니다.(압축해제된 버전)

 3. 깃에서 다운로드 받은 파일을 실행하면 압축을 푸는 과정이 필요 합니다. 설치는 아니에요.


 4. 압축이 풀린 폴더에서 exe를 실행하면 포터블로 브라켓이 실행 가능합니다. 




마무리


포터블 좋아하는 분들에게는 좋겠네요.


댓글을 달아 주세요


adobe Brackets 에서 소스 2개를 수정하는 소스분할 기능


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


2개의 소스를 비교하거나 HTML과 CSS를 함께 개발하는 등 한번에 소스를 같이 봐야 하는 경우가 있습니다.  
이럴때는 에디터 소스 창을 분할 하는 방법을 많이 사용합니다. 브라켓에서도 소스 분할 기능을 제공하고 있습니다.


 1. 소스를 수정 중에 왼쪽 패널에 있는 아이콘을 클릭 합니다. 


 2. 분할하는 옵션을 선택 가능합니다. 가로 분할을 선택했습니다.


 3. 그리고 새로운 소스를 클릭하면 분할된 화면으로 에디터창이 열립니다. 



마무리


HTML과 CSS를 함께 수정할때 편리합니다. 
사실 모든 에디터 프로그램의 기본 기능이 되었습니다. 


댓글을 달아 주세요