본문 바로가기
반응형

IDE52

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.
IntelliJ에서 동시에 여러 Run환경 함께 실행하기 최근의 웹 개발은 프론트엔드와 백엔드를 프로젝트 단위로 분리해서 개발하고 있습니다. 그러다보니 개발자들은 항상 개발을 시작할때 다음의 행위를 하는데요. 프론트엔드 환경 npm run 해서 실행 백엔드 환경 (ex: Spring Boot) IntelliJ에서 실행 매번 2가지 환경을 직접 실행해야만 합니다. 이외에도 MSA 개발을 위해 여러 API를 동시에 실행해서 테스트하거나 개발해야할때도 마찬가지입니다. API 1 애플리케이션 실행 API 2 애플리케이션 실행 API 3 애플리케이션 실행 하나의 기능을 실제로 확인해보기 위해서 매번 하나씩 실행하는 것도 허들이지만, 어느 프로젝트를 실행해야할지 기억하고 있어야 하는 것도 고역입니다. 이 웹 서비스를 실행하기 위해선 이것 하나만 실행하면 돼! 가 된다면 .. 2020. 7. 15.

728x90
반응형