본문 바로가기
반응형

webstorm7

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.
Jest를 IntelliJ (or Webstorm) Debug 모드로 실행하기 VS Code에 비해 Javascript 개발 환경에서 IntelliJ (+ WebStorm)이 갖는 가장 큰 장점은 디버깅 기능입니다. 코드의 호출 스택을 쫓아간다거나, 곳곳의 코드에서 브레이크를 걸고 Expression으로 임시코드를 실행해보는 등 다양한 디버깅 기능을 IntelliJ에서는 사용해볼 수 있는데요. Javascript의 테스트 프레임워크인 Jest를 사용할때도 IntelliJ의 디버깅 기능을 활용할 수 있습니다. 이번 시간에는 IntelliJ에서 Jest를 디버깅 모드로 사용하는 방법을 알아보겠습니다. 실습을 위해서는 본인의 프로젝트에 Jest 패키지와 테스트 코드가 필수입니다. 현재 포스트에 사용된 코드는 Github에서 확인할 수 있습니다. 1. Debug 실행 환경 구성 Intel.. 2021. 1. 1.
웹 JS 애플리케이션 개발시 IntelliJ 디버거 사용하기 Vue 혹은 React로 개발시 Webstorm (혹은 IntelliJ Ultimate) 라이센스가 있으신 분들도 VS Code로 개발하시는 경우를 종종 봅니다. 백엔드 개발자 분들이라면 아무래도 IntelliJ가 더 익숙하실텐데요. Chrome + VS Code로 디버깅 하는게 아무래도 어색하고, 굳이 이렇게 많은 도구를 배워야하나라는 생각이 드신다면 한번 이번 포스팅을 참고해보시면 좋을것 같습니다. 이번 포스팅에서는 IntelliJ 디버거로 웹 애플리케이션 디버깅하는 방법입니다. 여기서 웹 애플리케이션이란 Vue, React 등 모던 JS 스택으로 개발하고 있는 프론트엔드 프로젝트를 이야기합니다. IntelliJ의 강력한 디버거를 모던 웹 프론트 개발시에도 사용해보고 싶으신 분들이라면 참고하셔도 좋을.. 2019. 12. 24.
IntelliJ & 안드로이드 스튜디오 기본 가이드 소개 아마 예전부터 블로그를 방문하신 분들은 아시겠지만 저는 IntelliJ를 굉장히 좋아합니다.처음 IntelliJ Ultimate 라이센스를 회사에서 받았을때, 이걸 도대체 어떻게 써야하나 막막했습니다. "누가 차례대로 하나씩 알려줬으면 좋겠다." "Eclipse에서 쓰던 기능이 IntelliJ에서 어떻게 쓰는지 소개해주는 자료가 어디 없나" 등등 생각은 많고, 행동으로 옮기지 못했습니다. 특히 Eclipse에 비해 한글로 된 자료가 너무나 부족해서 실제로 2달이 지나서야 사용하기 시작했습니다. 아마 이건 안드로이드 스튜디오 역시 마찬가지인걸로 알고 있습니다. 여전히 Eclipse에 안드로이드 플러그인을 설치해 개발하시는 분들을 자주 봤습니다. 메인 개발 툴을 바꾼다는건 그만큼 번거롭고 귀찮은 일이라고 생.. 2018. 7. 22.
JetBrains Night 2017 - IntelliJ IDEA의 Tip & Tricks JetBrains Night 2017에 다녀왔습니다. 사전에 JetBrains 관련 커뮤니티 분들과 JetBrains 개발자분들이 모여 간담회 같은 자리가 있었습니다. 하지만 전 영알못이라.... ㅠㅠ.. 영어가 필요한 자리라고 사전에 얘기해주셨으면 자기소개 정돈 미리 준비하고 갔을텐데 라는 아쉬움이 조금 있었습니다. 파이콘 후원때처럼 개발자 세미나에 대한 지원이 있으니 관심 있으신 분들은 김우성님께 한번 연락해보시면 좋을것 같습니다! 이번 2017 행사에서는 사정상 세션 1인 IntelliJ IDEA의 Tip & Tricks 만 보고 왔습니다. 다른 세션은 다른 분들이 해주시지 않았을까!? 하는 기대감으로 세션1만 정리하였습니다. 1. IntelliJ IDEA의 Tip & Tricks 주제가 2016년.. 2017. 11. 23.

728x90