본문 바로가기

에디터13

티스토리 - 새로운 에디터에서 파일을 첨부하는 방법 Tistory 파일 첨부하기 안녕하세요. 고코더 입니다. ● 1. 티스토리 에디터가 개편되면서 기존의 유저들은 사용법의 조금씩 헷갈릴 수 있습니다. 저도 그런 사람 중에 하나입니다. 하지만 대세를 따라야 하는 만큼 요즘 뉴 에디터를 사용하고 있습니다. 그런데 파일 첨부 아이콘이 어디에도 보이지 않습니다. 조금은 당황스러울 수 있지만 간단한 방법으로 파일을 첨부할 수 있습니다. ● 2. 그저 에디터 원하는 위치에 파일을 마우스로 끌어다 드래그 앤 드롭을 합니다. 이 방법만으로 파일 첨부가 완료됩니다. ● 3. 그럼 이렇게 파일 첨부가 쉽게 완료됩니다. 마무리 새로운 에디터가 사용해보니 좋네요. 2021. 1. 16.
CodePen - 코드펜 에디터(editor) 테마 변경하기 Pen 개발 창 밝게 바꿔 보기 안녕하세요. 고코더 입니다. ● 1. 코드펜은 기본적으로 다크 테마가 기본입니다. 익숙하기도 합니다. 하지만 간혹 어두운 테마를 싫어하는 개발자도 있고, 우리의 눈은 흰 바탕에 검은 글자가 가장 이상적이라는 글을 본 기억도 있습니다. 사람마다 성향이 다르므로 코드 펜에서는 여러 가지 테마를 준비해놓았습니다. 이번 시간에는 좀 밝은 버전으로 에디터 창을 변경해보겠습니다. ● 2. 로그인 후에 프로필을 클릭해 Settings를 클릭합니다. ● 3. 그리고 왼쪽 탭에서 "Editor Preferences"을 클릭합니다. 에디터의 설정을 바꿀 수 있는 공간입니다. 그러면 테마를 바꿀 수 있는 기능이 맨 위에 보이게 됩니다. ● 4. 여기서 "Light Themes"에서 "Clas.. 2021. 1. 9.
리눅스 - nano 텍스트 에디터 실행 명령어 nano 에디터를 실행하는 방법 안녕하세요. 고코더 입니다. nano 편집기는 기본적으로 설치된 vi 편집기 보다 사용하기 수월한 에디터 입니다. 간단한 작업시에 매우 편리합니다. 사용법을 익히기 힘든 vi 보다 유리한 점이 많습니다. ● 1. nano [파일] : 파일 편집 하기 가장 기본적인 파일을 편집하는 명령어 입니다. nano test.txt ● 2. nano -B [파일] : save 이후에 파일 편집하기 기존 파일을 백업 합니다. 중요한 파일이다면 해당 옵션을 사용하세요. nano -B memo.txt ● 3. nano -m [파일] : 마우스를 사용해 편집할 수 있게 한다. 커서 이동을 마우스로 가능 마우스가 있다면 이 옵션을 쓴다면 마우스로 커서 이동이 가능합니다. 매우 편리합니다. na.. 2020. 3. 6.
브라켓 - 수정중인 소스 실시간 미리보기 기능 사용/ brackets 파일을 브라우저에서 미리보기 안녕하세요. 고코더 입니다. 브라켓은 해당 수정중인 파일을 실시간으로 미리보기 할 수 있는 기능을 제공 합니다. ● 1. 브라켓을 실행 한 후에 오른쪽 위에 번개(?)표시 아이콘을 클릭 합니다. 현재 저는 index.html 을 수정 중 입니다. ● 2. 그럼 컴퓨터에 임의에 포트로 해당 페이지를 보여줍니다. ● 3. 그리고 파일을 수정하면 브라우저에도 실시간으로 수정중인 소스에 내용을 즉시 보여줍니다. F5눌러 새로고침 하지 않아도 되는 편리함이 있습니다. ● 4. 그리고 파일에서 프로젝트 설정을 클릭 합니다. ● 5. 해당 프로젝트 설정 창에서 실시간 미리보기를 원하는 URL을 입력하면 실시간 미리보기시에 해당 페이지로 연결하여 오픈하게 됩니다. ● 6. 브라켓이 생성하는.. 2019. 11. 29.
브라켓 - Brackets 수정 중인 라인 하이라이트 표시하기 코드소스 라인 강조 표시하기 안녕하세요. 고코더 입니다. 해당 라인을 수정 중이라면 하일라이트 표시가 되는게 이점이 많습니다. ● 1. 하지만 브라켓 기본 설정은 소스 라인에 포커스가 있으면 커서 라인이 깜빡 거리지만 해당 라인에 대한 하이라이트를 기본으로 제공하지 않습니다. ● 2. 메뉴에서 "활성 행 하이라이트"를 체크합니다. ● 3. 그러면 이제 수정중인 소스는 연하게 하이라이트가 표시되어 즉각적으로 확인할 수 있습니다. 마무리 현재 수정중인 소스가 어디인지 한눈에 딱 들어옵니다. 2019. 11. 11.
브라켓 - Brackets 시스템 UI 언어 변경 어도비 무료 에디터 툴 브라켓 메뉴를 영어로 안녕하세요. 고코더 입니다. 브라켓은 기본적으로 시스템 언어에 따라서 메뉴가 나타납니다. 저는 당연히 한국어 OS를 설치해서 한국어 UI가 기본적으로 셋팅 되었습니다. 하지만 IDE에서 사용하는 영어는 기본적이고 공통적인 단어들입니다. 번역체로 도구를 찾기보다는 영어로 인터페이스를 바꾸어 사용하는게 좋아보입니다. ● 1. 그래서 저는 영어로 UI를 변경해보겠습니다. 탑 메뉴바에서 디버그에서 언어 변경을 클릭 합니다. ● 2. 그리고 원하시는 언어를 선택하고 재시작을 클릭 합니다. 재시작은 시스템 내부에서 새로고침되며 프로그램 자체는 종료되지 않습니다. ● 3. 그러면 이제 익숙한 영어 UI가 나타납니다. 마무리 좀 불편하더라도 영어 UI에 익숙해지는건 어떨까요? 2019. 11. 11.
브라켓 - Brackets 에디터 설치 및 다운로드 설치옵션 / 첨부파일 어도비가 만든 무료 소스 편집 에디터 안녕하세요. 고코더 입니다. 요즘 IT책을 보면 브라켓을 소개하는 경우가 있습니다. 개인적으로는 무료 소스 툴은 VS코드와 아톰이 양대산맥을 이루고 있습니다. 하지만 어도비가 만든 IDE라는 점과 최근에 사용하는 유저가 많아짐에 따라 저희 블로그에서도 다뤄 보려고 합니다. 다운로드 ● 1. 해당 URL에 접근하면 바로 다운로드가 가능합니다. http://brackets.io/ ● 2. 개인,회사 모두 무료이고 로그인도 필요 없습니다. ● 3. 첨부파일로도 올려드립니다. 설치과정 ● 4. 다운받은 파일을 설치합니다. 파일명은 아래와 같습니다. Brackets.Release.1.14.msi ● 5. 설치를 진행합니다. 체크박스 두가지 항목이 나타납니다. 설치옵션 ● 6... 2019. 11. 11.
비주얼 스튜디오 2019 - 쉬운 설치 및 다운로드 / 첨부파일 Visual Studio 2019 free setup 안녕하세요.고코더 입니다.닷넷을 개발할일이 있어 오래만에 설치하려고 하니 벌써 2019년이네요. 축구게임 처럼 1년마다 새로운 배포판을 만들어주니 닷넷 개발하는 분들에게는이보다 귀한게 어디 있을까요. (요즘은 자바랑 node.js만 하고 있지만) ● 1. 해당 비주얼 스튜디오 공식 다운로드 사이트로 이동 합니다. 돈이 없으니당연히 커뮤니티 버전입니다. 그리고 중급 이상 아니면 무료 버전부터 하셔도 됩니다. 충분합니다. https://visualstudio.microsoft.com/ko/vs/compare/ ● 2. 해당 첨부파일을 설치하셔도 됩니다. ● 3. 이제 인스톨을 시작합니다. 무섭지 않습니다. 그냥 버튼만 누르면 됩니다. ● 4. 최초에 약 .. 2019. 10. 14.
intellij - 인텔리제이 외부 테마 적용하기 / PhpStorm,WebStorm theme 파일 적용하기 안녕하세요. 고코더 입니다. 오늘은 인텔리제이 프로그램에서 외부에서 다운받은 테마 파일을 적용하는 방법을 알아보겠습니다. ● 1. 이전 시간에 테마를 모아둔 사이트를 소개했습니다. -> intellij - 인텔리제이 에디터 테마 다운로드 사이트 / color-themes.com 거기서 가장 다운로드 횟수가 많은 Ladies Night2를 적용해보겠습니다. ● 2. 파일을 다운받습니다. 자바로 만든 티가 나는 jar 파일입니다. ● 3. 그리고 인텔리 제품을 킵니다. 저는 PHP스톰에서 적용해보겠습니다. File->Import Settings 를 클릭 합니다. ● 4. 그리고 jar로 된 파일을 선택하여 OK를 누릅니다. ● 5. 그리고 적용 여부를 묻습니다. 모두 선택하고 OK .. 2019. 7. 25.