'Coding/개발툴' 카테고리의 글 목록

Coding/개발툴 (10)

[Visual Studio Code] 터미널에서 code 명령으로 실행하기

Coding/개발툴 코딩 알고리즘 2023. 7. 18. 22:44

Terminal 에서 VSCode 실행하기 맥에서 터미널에서 파일을 수정하려면 보통 VIM을 사용합니다. 하지만 VS Code를 사용한다면 쉽게 터미널에서 비주얼 스튜디오 코드로 파일을 수정할 수 있습니다. Mac 터미널에서 텍스트 편집기를 실행해서 빠르게 코딩을 하거나 설정 파일을 수정할 수 있습니다. VS Code 실행하기 ▼ 1. Visual Studio Code를 먼저 실행합니다. 만약 해당 프로그램을 다운받으려면 다음 링크를 통해서 설치합니다. ▼ 2. Command + Shift + P 단축키를 눌러서 명령창을 실행시킵니다. (윈도우의 경우 Ctrl + Shift + P) Code 명령 설치 ▼ 3. 명령창에 shell 이라고 입력합니다. ▼ 4. '셀 명령 'code'가 PATH에 설치되었..

[ 웹스톰 ] WebStorm 기본 리액트 웹 브라우저 설정

Coding/개발툴 코딩 알고리즘 2021. 8. 17. 19:10

웹 스톰 기본 브라우저 설정 인텔리제이 IDEA 도 좋은 프로그램이지만 젯브레인 사에서 만든 툴 중에 웹스톰(WebStorm) 이라는 툴이 있습니다. 가격이 비싼 단점이 있긴 하지만 Visual Code에 비해서 프로젝트 생성도 쉽고 코드 작성도 정말 월등히 뛰어납니다. 저는 보통 웹 서핑을 할 때는 사파리를 사용하고 개발에 관련된 것들을 할 때는 크롬 브라우저를 사용합니다. 그런데 빌드 후 실행이 계속 기본으로 설정한 사파리 브라우저로 떠서 불편했습니다. 기본 웹 브라우저를 변경하는 방법을 알아보겠습니다. 설정 종류는 총 3가지입니다. 웹 스톰 브라우저 설정 타입 System default First listed Custom path 위의 설정 중에서 첫 번째는 System default 말 그대로 컴..

[ Linux ] 리눅스 VI, VIM 에디터 편집 수정 단축키 정리

Coding/개발툴 코딩 알고리즘 2021. 7. 29. 19:40

VI는 다른 에디터와는 다르게 명령모드, 입력모드, ex명령모드의 총 3가지 모드가 있습니다. 오늘은 명령모드에서 입력모드로 전환해서 내용을 수정하거나 화면을 검색 및 이동하는 방법과 함께 명령모드에서 간단한 단축키로 화면을 편집하는 단축키에 대해서 알아보겠습니다. 이보다 더 많은 키들이 존재하지만 정말 꼭 필요한 것들만 정리해보겠습니다. VIM은 리눅스에서도 많이 쓰이지만 인텔리제이나 안드로이드 스튜디오 같은 최신 툴을 포함한 거의 모든 툴에 추가적으로 지원하는 경우가 많습니다. VIM은 거의 모든 터미널에서 지원하며 맥에서도 기본적으로 추가되어 있습니다. VI의 3가지 모드 명령모드 - ESC 키로 전환 편집모드 - i, a, o, s 키로 전환 ex 명령모드 - : 키로 전환 명령모드 → 입력모드 ..

[IntelliJ] 인텔리제이 IDEA 메모리 사이즈 크기 설정

Coding/개발툴 코딩 알고리즘 2021. 7. 27. 19:10

인텔리제이는 정말 좋은 툴입니다. JetBrains에서 만든 툴로 현재 구글에서 안드로이드 스튜디오 공식 툴로 커스텀해서 배포할 만큼 인정받는 개발 통합 환경입니다. 젯 브레인 사는 인텔리제이 외에도 다양한 개발 툴을 배포하고 있습니다. 가격이 조금 비싼 게 흠이지만 그래도 자바 개발자라면 거의 필수적으로 사용하는 툴이기도 합니다. 오늘은 인텔리제이 IDEA에서 메모리 크기를 조절하는 법을 알아보겠습니다. 방법은 총 두 가지입니다. 편한 방법으로 사용하시면 될 것 같습니다. 힙 메모리 사이즈 변경 방법 JetBrains Toolbox 사용 IntelliJ IDEA 툴 사용 JetBrains Toolbox 사용 ▼ 1. 먼저 Toobox를 사용해서 메모리 크기를 변경해보겠습니다. Toolbox 설치 툴을 ..

[ Visual Studio Code ] 멀티 커서, 다중 셀렉트 텍스트 선택

Coding/개발툴 코딩 알고리즘 2021. 5. 8. 19:15

요즘은 비주얼 스튜디오 코드를 자주 열어볼 일은 없습니다. 하지만 제가 사용하는 IDE 뿐만 아니라 다른 에디터에 비해서 다중 커서 선택 기능이 좋아서 가끔 사용합니다. 반복적인 노가다를 하기에는 이만한 도구가 없습니다. 물론 좀 복잡한 기능의 경우 파이썬이나 스크립트로 코딩을 해야 하지만 단순한 구조라면 직접 선택해서 수정 조합하는 편이 훨씬 간편합니다. VSCode 에디터는 세로로 여러 줄을 선택해 한번에 입력 및 수정이 가능합니다. 키보드 뿐만 아니라 마우스로도 해당 기능을 지원합니다. 조금 응용을 해서 선택 후 Ctrl 키나 Alt 키의 조합으로 좀 더 다양한 수정 편집이 가능하죠. 다음과 같은 문자열이 있다고 가정하겠습니다. 키보드로 선택하기 Ctrl + Alt + 위아래 방향키 ▼ 1. Ctr..

[ Github Desktop ] 소스 트리 대체용 프로그램

Coding/개발툴 코딩 알고리즘 2021. 3. 27. 21:45

거의 몇 년 동안 소스 트리만 사용하다가 작년부터 Github에서 만든 Github Desktop을 사용했습니다. 물론 소스 트리를 완전히 대체할 순 없었지만 몇 가지 장점 때문에 Github Desktop을 사용합니다. 맥에는 모두 깔려있으니 포스팅도 할 겸 윈도우에 깃허브 데스크톱을 설치해보겠습니다. ▼ 1. 다음 웹 사이트로 이동해서 프로그램을 다운로드합니다. ▼ 2. 런처 이미지입니다. 어몽어스 같은 디자인이네요. ▼ 3. 그냥 로그인을 스킵할 수도 있지만 Github 계정이 있다면 [ 왼쪽 파란 버튼 ] 을 눌러 로그인해줍니다. 엔터프라이즈 계정 같은 것도 있나 봅니다. ▼ 4. 자동으로 웹 브라우저가 뜹니다. 이때 로그인을 해주고 [ Sign in 버튼 ] 을 눌러줍니다. ▼ 5. 이 사이트에..

[ Visual Studio Code ] 코드 자동 정렬 단축키

Coding/개발툴 코딩 알고리즘 2021. 2. 10. 20:42

React를 공부하면서 Visual Studio Code를 사용합니다. 다른 텍스트 에디터와 다르게 다양한 기능을 가지고 있습니다. 예제 코드를 복사하거나 붙여 넣기 할 때 코드가 틀어지거나 자동정렬이 필요할 때가 있습니다. 이때 유용한 단축키가 있어서 소개해드립니다. 생각보다 간단하게 코드를 자동 정렬할 수 있습니다. mac을 이용해서 자동 정렬하기는 하지만 윈도우 컴퓨터에서도 Ctrl 키를 이용하면 맥에서 Command 키로 정렬하는 것과 동일하게 간단하게 코드를 정렬할 수 있습니다. ▼ 1. 다음과 같이 정렬이 되지 않은 코드가 있습니다. Command + A 키를 눌러서 코드를 모두 선택을 해줍니다. 마우스로 정렬하고 싶은 영역만 선택해도 됩니다. ▼ 2. Command + K 를 누르면 하단 스..

[ 맥 macOS ] 맥북 MySQL 데이터베이스 GUI 클라이언트

Coding/개발툴 코딩 알고리즘 2021. 2. 1. 18:04

윈도우 컴퓨터를 이용해서 MySQL Workbench를 이용해서 SQL 쿼리 공부를 하다가 M1 맥 미니에서 MySQL Workbench를 다운로드하여서 실행시켰습니다. 그런데 정상 동작하지 않더군요. 아직 arm64 M1 프로세스를 지원하지 않는 것 같습니다. 역시 오라클입니다. 아무튼 그래서 SQL을 공부는 해야겠고 해서 찾아보니 아주 깔끔하고 편리한 툴이 있더군요. 물론 Intellij의 DataGrip 같은걸 쓰고 싶지만 너무 비싸서요. 아무튼 간단 SQL 프로그램이 필요했기 때문에 Sequle Pro라는 프로그램을 다운로드하여서 사용해봤습니다. 여유가 되시는 분은 도네이트를 해도 좋을 것 같습니다. 단지 다크 모드를 지원하진 않더군요. 개발이 멈춘 것 같아 보입니다. www.sequelpro.c..

[ 윈도우 10 ] 파일 비교 윈머지(WinMerge) 개발 툴 다운로드 설치

Coding/개발툴 코딩 알고리즘 2021. 1. 11. 19:26

윈머지 WinMerge 는 윈도우용 오픈소스 파일 비교 프로그램입니다. 윈머지 WinMerge 는 두개의 파일 또는 폴더 전체를 비교합니다. 서로 다른 형태의 구문을 비교해서 보여줍니다. Win Merge 프로그램은 윈도우 XP 이상 버전 부터 지원합니다. 윈도우용 프로그램이지만 유니코드 및 UNIX 와 macOS의 문자열 포맷 비교도 가능합니다. 3-Way 머지가 가장 최근에 3-Way 비교가 추가 된 것 같습니다. 윈머지의 단점으로 알고 있었는데요. 제가 잘못 아는 것일 수도 있구요. 이런 파일 비교는 좋은 점이 이미지 비교도 된다는 것입니다. 이미지가 원본과 달리 수정되었는지 확인할 수 있어요. WinMerge 다운로드 winmerge.org/downloads/?lang=en Download Win..

[ Visual Studio Code ] React 자동완성 설정하기

Coding/개발툴 코딩 알고리즘 2020. 9. 19. 12:46

Visual Studio Code 를 사용해 React 코드를 간편하게 완성시키는 방법이 있습니다. className 이나 태그를 입력하면 자동완성 시키는 방법인데 플러그인 설치 없이 설정에 들어가서 간단히 수정만으로 가능합니다. { "window.zoomLevel": 1, "editor.wordWrap": "on", "workbench.colorTheme": "One Dark Pro", "workbench.iconTheme": "material-icon-theme", "emmet.includeLanguages": { "javascript": "javascriptreact" } } ▼ 1. 우선 VS Code의 하단 설정을 선택합니다. ▼ 2. 설정을 텍스모드로 변경합니다. 다음 코드를 삽입합니다. "e..

1

Copyright © TAP 소프트 All Rights Reserved

Designed by JB FACTORY

티스토리툴바