# webstorm

webstorm import single quotes
계속 요론식으로 빨간줄이 거슬립니다. ! Setting > Editor > TypeScript > single 로 바꿔 줍니다 !완료 !

webstorm | 코드스니펫
웹스톰에는 코드 스니펫 설정을 기본으로 지원하는 것 같다설정 - 라이브 템플릿 에서 설정확인 및 추가 가능우측 + 버튼으로 추가

[Vue3] 2. Vue3 프로젝트 생성
Vue 프로젝트를 WebStorm을 통해 생성 해보자.WebStorm에서 Vue.js에서 프로젝트를 생성 해주자.그러면 프로젝트가 아래와 같이 생성 된다.main.js : Vue 인스턴스를 생성App.vue : 최초로 불러오는 Vuecomponents : 컴포넌트 폴더

WebStorm 맥 단축키
https://product.kyobobook.co.kr/detail/S000001804759EditingNavigationVCS

[React] WebStorm으로 실행 시 콘솔 로그 여러번 찍히는 이유
웹스톰으로 리액트 프로젝트를 생성해 예제를 만들어 실행 해보면 찍히면 안되는 콘솔 로그까지 마구잡히로 찍히고, 두번씩 찍히는 것을 경험한적이 있을것이다.이유는 React.StrictMode 때문이다.해당 모드가 존재하는 이유는 다음과 같다.안전하지 않은 생명주기를 사용

[WebStorm] usages 기능 끄는 법
웹스톰에서는 다음과 같이 누가 작성한 코드인지, 그리고 코드가 사용된 횟수를 알 수 있다.좋은 기능이긴 하나, 개인적으로 코드를 보는데 있어 좀 많이 불편했다😂 해당 기능을 끄거나 켜는 기능을 구글링하여 찾았고, 방법은 다음과 같다.settings > Editor

Method can be made 'static' 경고 원인과 해결 방법
Method can be made 'static' 경고의 원인과 해결 방법을 정리한다.
TIL: Webstorm | import 문 자동 관리 - 201123
쓰지 않는 import 문을 정리하거나import 문을 정렬할 수 있다정렬 기준은 찾아봐야할듯.. 변경 가능한지도webstorm의 settings(command + ,) 로 진입 후Tools (도구) - Actions on Save (저장 시 액션) 에서Optimize

VueCLI prettier 적용하기
코드를 작성하는 방법은 사람마다 다르고 무엇이 맞다고 딱 얘기할 수 없습니다. 하지만 협업을 하다보면 다른코드스타일을 이해하기란 쉬운일이 아닙니다. 이를 맞추고 가독성을 높히기 위해서 prettier를 활용하여 엄격한 eslint 규칙에 맞춰줄 수 있습니다.pretti

ESLint와 Prettier 함께 사용하기
ESLint와 Prettier를 함께 사용할 때, 충돌이 일어나지 않고, 잘 사용하는 방법을 함께 나누고자 합니다.
Webstorm CLI 환경에서 켜기
VSCode는 터미널에서라고 입력하면 현재 폴더의 프로젝트가 VSCode로 켜진다.회사에서 Webstorm을 쓰는데 터미널 명령어로 프로젝트를 만들고 Webstorm으로 켜고 싶었는데 방법을 몰라서 찾아봤다.터미널에서 wstorm 또는 webstorm을 사용해본다.명령

첫 next.js + typescript 도전기..(1)
이전에 다녔던 회사에서 React나 vue로 TV앱을 만들었던 경험이 있고, 현재도 간간히 회사에서 openlayers 를 만지고 있는 터라 자바스크립트, React 자체에 대한 두려움은 없다. 또한 메인은 c#으로 닷넷쪽 개발을 하고 있어서 typescript 도
webstorm 단축키
shift + shift⌥(alt) + 화살표⌃(ctrl) + t선택한 대상에 대한 리팩토링 진행ex) 같은 스코프내에 있는 변수의 네이밍을 일괄적으로 변경tabEmmet 줄임말(https://docs.emmet.io/cheat-sheet/) 사용this.us

JavaScript를 위한 WebStorm Code Style 설정
탭, 들여쓰기 싸이즈: 2, 세미콜론(;) 사용하지 않기, 작은따옴표(') 사용하기
Webstorm Plugin 목록
Atom Material IconsCamelCaseGitToolBoxIDEA Mind MapIndent RainbowIntelliVueJson ParserKey Promoter XKorean Language PackNuxt.jsOne Dark themePokemon P