본문 바로가기
반응형

IDE53

Atom을 마크다운 에디터로 사용하기 (feat. Mac OS) Visual Studio Code 를 업데이트하다보면 간혹 한글 입력이 누락되는 버그 현상이 발생할때가 있습니다.(마치 페이스북 에디터처럼) 폰트 관련 설정을 리셋하고 재설정하면 문제가 없으나, 종종 한번 이럴때마다 꽤나 귀찮은 작업인지라 한번 다른 에디터를 마크다운 에디터로 전환해보려고 합니다. 한달정도 사용해보고, 괜찮으면 정착하고 아니다싶으면 다시 VS Code를 사용할 것 같습니다. 이번에 선택한 에디터는 Atom입니다. Sublime Text는 IntelliJ Keymap 플러그인이 없어서, 단축키 하나하나를 다 변경해야만 되서 선택지에서 제외되었습니다. 플러그인 마크다운 에디터로 사용할 수 있도록 아래 플러그인들을 설치해봅니다. 플러그인 설치는 다음과 같이 할 수 있습니다. 추천 플러그인 in.. 2021. 9. 25.
IntelliJ & WebStorm에서 ES6(& TS) Import 문에 space 포함시키기 IntelliJ나 WebStorm의 기본 import 구문은 space가 없는 형태인데요. NestJS를 비롯해서 사내 프로젝트등의 Lint 규칙이 space가 포함된 형태라면 import 템플릿을 변경할 필요가 있습니다. import 템플릿 변경 IntelliJ나 WebStorm에서 아래를 따라 체크박스를 해줍니다. Preferences -> Editor -> Code Style -> JavaScript TypeScript -> Spaces -> Within -> ES6 import/export braces 그럼 아래와 같이 import시에도 자동으로 space가 포함된 형태가 됩니다. 2021. 8. 17.
IntelliJ & Webstorm import시 double quotes 대신에 single quotes 기본값으로 사용하기 IntelliJ나 Webstorm을 통해 JS / TS를 개발하다보면 import 구문에서 " 로 인해 불편할때가 많은데요. 이를테면 팀 컨벤션으로 import를 Single Quotes 로 해놓은 경우에는 자동 import 를 통해 "로 import 되면 매번 수동으로 Single Quotes 로 바꿔야만 합니다. 1. Auto Import 하는법 먼저 Jetbrains IDE의 Auto Import 는 다음과 같이 사용할 수 있는데요. 아래와 같이 Import되지 않는 클래스나 function에 포커스를 두고, 단축키를 통해 import를 수행합니다. option + Enter: 제안 목록 보기 option + shift + Enter: 전체 full import 여기서 단일 import인 optio.. 2021. 8. 6.
VSCode에서 정규표현식(Regex)로 원하는 문자열 치환하기 아스키독 (adoc) 혹은 마크다운 (md) 파일을 작성하다보면 정규표현식을 통해 특정 패턴의 문자들 중 일부만 교체 해야할 때가 종종 있습니다. 이를테면 다음과 같은 경우인데요. 아래와 같은 화면에서 (숫자) 로 되어진 부분들을 로 변경이 필요하다고 하겠습니다. (즉, 괄호안 숫자는 그대로 두고, 괄호 () 만 태그 로 교체하는 것입니다.) 현재 찾고자 하는 패턴을 정규표현식으로 간단하게 표현하면 \([0-9]\) 가 됩니다. 그래서 찾는 패턴은 \([0-9]\)로 두고, 어떻게 변환할지만 정하면 되는데요. 여기서 아래와 같이 입력해서 변경을 시도해보실 수 있습니다. \([0-9]\) 괄호를 escape 처리 하기 위해 backslash (\) 를 괄호 앞에 붙였습니다. VS Code에서는 replac.. 2021. 2. 18.
IntelliJ (Ultimate & Community) 에서 스프링부트 active profile 설정하기 IntelliJ Community로 스프링부트 환경에서 개발하시는 분들이 종종 질문 주시는 내용이라 정리하게 되었습니다. 스프링부트로 개발을 하다보면 기본 active profile 외에 다른 profile로 실행이 필요할때가 있는데요. ex) local이 기본 active profile인데, local-real이란 profile로 실행하고자 할 경우 Ultimate의 경우 이에 대한 기본적인 설정을 지원하지만, Community 버전에서는 별도로 VM Option을 추가해서 진행해야됩니다. 차례로 보겠습니다. 1. IntelliJ Ultimate (유료) Ultimate 버전의 경우 간단합니다. 아래와 같이 IDEA 상단에 위치한 Edit Configurations 버튼을 클릭하신 뒤,Active pr.. 2021. 1. 14.
IntelliJ에서 JPA ER Diagram 확인 방법 최근엔 IntelliJ 환경에서 JPA로 개발 하시는 분들이 많아졌는데요. JPA로 개발하다보면 실제 테이블의 연관관계를 확인하기 보다는 JPA Entity 간의 관계를 한눈에 보길 원할때가 많습니다. 특히나 복잡한 Entity 간의 관계는 코드만으로는 쫓아가는데 한계가 있는데요. 이럴때 IntelliJ에서는 JPA Entity 기반의 ER Diagram을 지원합니다. 특별히 큰 설정없이 확인할 수 있으니, 어떻게 하면 되는지 바로 확인해보겠습니다. 1. 프로젝트에 JPA Support 활성화 이미 프로젝트에 JPA Support 를 활성화 시키신 분들은 바로 2번으로 가시면 됩니다. 먼저 IntelliJ 좌측 상단의 File -> Project Structure 를 차례로 클릭해서 이동합니다. Proj.. 2020. 8. 11.

728x90
반응형