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


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


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

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


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


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



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


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


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



마무리


있을 건 다 있습니다.



댓글을 달아 주세요


코드소스 라인 강조 표시하기


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



해당 라인을 수정 중이라면 하일라이트 표시가 되는게 이점이 많습니다. 


 1. 하지만 브라켓 기본 설정은 소스 라인에 포커스가 있으면 커서 라인이 깜빡 거리지만
해당 라인에 대한 하이라이트를 기본으로 제공하지 않습니다. 


 2. 메뉴에서 "활성 행 하이라이트"를 체크합니다. 


 3. 그러면 이제 수정중인 소스는 연하게 하이라이트가 표시되어 즉각적으로 확인할 수 있습니다.



마무리


현재 수정중인 소스가 어디인지 한눈에 딱 들어옵니다.




댓글을 달아 주세요


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


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


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


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


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


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



마무리


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




댓글을 달아 주세요


어도비가 만든 무료 소스 편집 에디터


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


요즘 IT책을 보면 브라켓을 소개하는 경우가 있습니다. 
개인적으로는 무료 소스 툴은 VS코드와 아톰이 양대산맥을 이루고 있습니다. 하지만
어도비가 만든 IDE라는 점과 최근에 사용하는 유저가 많아짐에 따라 저희 블로그에서도
다뤄 보려고 합니다.



다운로드 


 1. 해당 URL에 접근하면 바로 다운로드가 가능합니다.

 2. 개인,회사 모두 무료이고 로그인도 필요 없습니다. 


 3. 첨부파일로도 올려드립니다.

설치과정


 4. 다운받은 파일을 설치합니다.  파일명은 아래와 같습니다.
Brackets.Release.1.14.msi


 5. 설치를 진행합니다. 체크박스 두가지 항목이 나타납니다.




설치옵션


 6. Add "brackets" launcher to PATH for command line use
라는 옵션은 커맨드라인에서 해당 브라켓을 실행할 수 있게 환경변수를 등록하는 질문입니다.
저는 체크해주었습닏.


 7. Add "Open with Brackets" to Explorer context menus for all file and folders
라는 옵션은 마우스 우클릭시에 브라켓으로 연결 가능하도록 메뉴 생성 옵션입니다.
저는 체크했습니다.


 8. 인스톨을 누르고 설치를 진행합니다.


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


 10. 그리고 드디어 브라켓이 실행 되었습니다. 아톰과 거의 같은 인터페이스 입니다. 



마무리


어도비가 만든 IDE를 사용해볼까요?




댓글을 달아 주세요


Visual Studio 2019 free setup 


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

닷넷을 개발할일이 있어 오래만에 설치하려고 하니 벌써 2019년이네요. 
축구게임 처럼 1년마다 새로운 배포판을 만들어주니 닷넷 개발하는 분들에게는
이보다 귀한게 어디 있을까요. (요즘은 자바랑 node.js만 하고 있지만)


 1. 해당 비주얼 스튜디오 공식 다운로드 사이트로 이동 합니다. 돈이 없으니
당연히 커뮤니티 버전입니다. 그리고 중급 이상 아니면 무료 버전부터 하셔도 됩니다. 충분합니다. 

 2. 해당 첨부파일을 설치하셔도 됩니다. 
 3. 이제 인스톨을 시작합니다. 무섭지 않습니다. 그냥 버튼만 누르면 됩니다.

 4. 최초에 약 200메가 짜리 파일을 다운로드 받고 설치합니다.

 5. 이후에 필요한 언어만 설치가 가능합니다. 그리고 설치를 눌러주세요.

 6. 그럼 해당하는 크기에 파일을 다운로드하고 설치를 진행합니다.

 7. 계정이 없다면 나중에 로그인을 선택하세요.


 8. 비주얼 스튜디오 다크테마는 진리입니다. 꼭 어둡게 테마를 사용하세요.

 9. 그럼 비주얼 스튜디오가 설치되었습니다.


마무리


이제 개발을 시작해보세요.


댓글을 달아 주세요


theme 파일 적용하기 


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


오늘은 인텔리제이 프로그램에서 외부에서 다운받은
테마 파일을 적용하는 방법을 알아보겠습니다.

 1. 이전 시간에 테마를 모아둔 사이트를 소개했습니다.
거기서 가장 다운로드 횟수가 많은
Ladies Night2를 적용해보겠습니다.


 2. 파일을 다운받습니다.
자바로 만든 티가 나는 jar 파일입니다.


 3. 그리고 인텔리 제품을 킵니다.
저는 PHP스톰에서 적용해보겠습니다. 
File->Import Settings 를 클릭 합니다. 


 4. 그리고 jar로 된 파일을 선택하여 OK를 누릅니다.



 5. 그리고 적용 여부를 묻습니다.
모두 선택하고 OK


 6. OK를 누르면 자동으로 재시작 합니다.


 7. 그리고 새롭게 적용된 
레이디 나이트 이게 인기가 제일 많다고 하는데
전 별로네요 


간단한 방법으로 다른 사람이 만든
테마를 적용해보세요.


마무리


저도 만들어 개인적으로 쓰고 있습니다.


댓글을 달아 주세요


드라큘라 테마로 변경


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


 1.우리나라에서
흔히 드라큘라 다크테마라고 불리는 것들이
서양에서는 드라큘라 테마라고 많이 합니다.
(빛을 싫어한다나)

 2. 그래서 이클립스도 그렇지만
인텔리제이도 어두운 빛이 적은 드라큘라 테마를 사용할 수 있습니다.


 3. 인텔리 프로그램들은 기본테마는 조금 촌스럽습니다.


 4Settings에 들어가서
Appearance를 찾습니다.
그리고 여기서 theme 를 선택할 수 있습니다.


 5제가 사용하는 2017 버전은 3가지 버전이 있는데요
드라큘라 버전을 선택하고 OK를 눌러보겠습니다.


 6그럼 어둡고 빛이 적은 드라큘라 테마가 생성했습니다. 기본테마라 어두운 테마가 필요한분은
이 테마로 사용해보세요.




마무리


눈에는 어두운게 좋죠


댓글을 달아 주세요


옛날 텍스트 에디터 편집기 사용하는 방법 


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

얼마전부터 공지사항에서
말하던 에디터 개편을 하였습니다.

그런데 에디터는
뭔가 많이 깔끔해졌지만
익숙하지가 않고

이전 글 넣기 플러그인도 제대로 작동을 안하네요 

▼ 써보니깐.. 별로네요...
몇몇개의 플러그인도 잘안되고 알수 없는 따옴표가 들어가고 마우스 클릭과 동시에 영역이 생겨나네요.
HR 수직선도 뭔가 짧아지고


그래서 어쩔 수 없이 다시 
이전 에디터를 쓰는 방법을 말씀드리겠습니다.

▼ 아래 처럼 자신의 블로그 주소 뒤에 해당 URL을 붙이면
옜날 글쓰기로 변환 됩니다. 
https://자신의블로그주소/admin/entry/post/?type=post&returnURL=/manage/posts/


▼ 설정 에서 새로운 글쓰기를 "사용하지 않습니다."

로 설정하는 방법도 있습니다.



아 개편하는건 좋은데...
제발 기존 글쓰기 기능은 막아놓지 않았으면 좋겠네요.


티스토리 관련 추천 글



마무리


다시 말해 자신의 티스토리 블로그 주소 뒤에
/admin/entry/post/?type=post&returnURL=/manage/posts/
붙이면 이전 에디터 입니다.


베타 버전이니 좀 더 나아지길
기대해보겠습니다.


댓글을 달아 주세요


smart editor one 소스코드 기능 사용법


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


네이버 블로그가 스마트에디터ONE 
에디터 개편을 진행하면서
소스코드를 넣는 기능을 만들었습니다. 

▼ 소스코드! 삽입 기능 버튼만 클릭하면
사용 준비가 완료 됩니다.


이제 소스코드도
네이버 만에 폐쇄적인 화면으로 간결하고
통일성 있게 하려고 하는거 같습니다.

그러나 문제가 있습니다.

▼ 가독성이 아주 별로 입니다.
처음 보는 모양새네요 


▼ 기존에 많이 사용하는 colorscripter 보다 가독성은 확실히 떨어집니다. 



그래도 네이버블로그는 폐쇄형 
블로그이기에 최적화를 위해서는 기본 내장된
소스코드를 사용하는게 검색엔진 
노출에도 유리하고 좋을듯 합니다.

하지만 가독성 때문에
컬러스크립트를 사용하는 방법은

이 글을 참고해주세요.

 

마무리


왜 태그색이.. 강조가 안되어 있을까요


댓글을 달아 주세요


PHP스톰 에디터 색상 변경 


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

PHPSTORM을 사용하다보면 
글자색을 바꾸고 싶을때가 있습니다.

저는 개인적으로 비주얼 스튜디오 다크테마의 색을 좋아합니다.
그래서 새로운 IDE를 사용할때 사용했던 다크테마의 색을 따라해서
글자색을 바꿔 놓습니다.

당연히 PHP스톰에도 이러한 에디터 컬러를 바꿀수 있는 기능이 있습니다.
오늘은 한번 이 설정을 알아보겠습니다. 

설정으로 향하는 단축키를 누릅니다.

++

CTRL + ALT + S



그리고 Editor -> Color Scheme 에서
변경하고 싶은 언어를 클릭 합니다. 


그리고 Foreground에서 컬러를 클릭해 
빨간색으로 바꿔 봤습니다.


변수 색깔이 빨간색이니 눈이 아프네요



PHP스톰은 이렇게 예시로된 코드를 마우스로 눌러서
색깔을 자유자재로 바꿀 수 있습니다.

자신에게 맞는 컬러로 한번 변경해보세요.


마무리


저는 IDE마다 저만의 색상으로 만들어 설정값을 가지고 있습니다.


댓글을 달아 주세요