# webstorm

33개의 포스트
post-thumbnail

webstorm import single quotes

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

2023년 4월 23일
·
0개의 댓글
·
post-thumbnail

webstorm | 코드스니펫

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

2023년 4월 18일
·
0개의 댓글
·
post-thumbnail

[Vue3] 2. Vue3 프로젝트 생성

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

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

WebStorm 맥 단축키

https://product.kyobobook.co.kr/detail/S000001804759EditingNavigationVCS

2023년 4월 2일
·
0개의 댓글
·
post-thumbnail

[React] WebStorm으로 실행 시 콘솔 로그 여러번 찍히는 이유

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

2023년 3월 31일
·
0개의 댓글
·
post-thumbnail

[WebStorm] usages 기능 끄는 법

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

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

Method can be made 'static' 경고 원인과 해결 방법

Method can be made 'static' 경고의 원인과 해결 방법을 정리한다.

2023년 2월 21일
·
0개의 댓글
·

학생이라면 JetBrains IDE 무료로 사용하기

학생이면 제발 학생 라이센스 이용해서 편하게 개발해주세요

2022년 12월 20일
·
0개의 댓글
·

TIL: Webstorm | import 문 자동 관리 - 201123

쓰지 않는 import 문을 정리하거나import 문을 정렬할 수 있다정렬 기준은 찾아봐야할듯.. 변경 가능한지도webstorm의 settings(command + ,) 로 진입 후Tools (도구) - Actions on Save (저장 시 액션) 에서Optimize

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

VueCLI prettier 적용하기

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

2022년 11월 19일
·
0개의 댓글
·
post-thumbnail

ESLint와 Prettier 함께 사용하기

ESLint와 Prettier를 함께 사용할 때, 충돌이 일어나지 않고, 잘 사용하는 방법을 함께 나누고자 합니다.

2022년 11월 18일
·
0개의 댓글
·

Webstorm CLI 환경에서 켜기

VSCode는 터미널에서라고 입력하면 현재 폴더의 프로젝트가 VSCode로 켜진다.회사에서 Webstorm을 쓰는데 터미널 명령어로 프로젝트를 만들고 Webstorm으로 켜고 싶었는데 방법을 몰라서 찾아봤다.터미널에서 wstorm 또는 webstorm을 사용해본다.명령

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

첫 next.js + typescript 도전기..(1)

이전에 다녔던 회사에서 React나 vue로 TV앱을 만들었던 경험이 있고, 현재도 간간히 회사에서 openlayers 를 만지고 있는 터라 자바스크립트, React 자체에 대한 두려움은 없다. 또한 메인은 c#으로 닷넷쪽 개발을 하고 있어서 typescript 도

2022년 10월 8일
·
0개의 댓글
·
post-thumbnail

PlantUML-MacOS-IntelliJ

PlantUML-MacOS-IntelliJ-Graphviz

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

서버 구축하기-2 (feat. filezilla, WebStorm)

저번 시간에는 서버를 구축하여 Apache를 연동하는 것까지 다뤄보았다.

2022년 8월 9일
·
0개의 댓글
·

webstorm 단축키

shift + shift⌥(alt) + 화살표⌃(ctrl) + t선택한 대상에 대한 리팩토링 진행ex) 같은 스코프내에 있는 변수의 네이밍을 일괄적으로 변경tabEmmet 줄임말(https://docs.emmet.io/cheat-sheet/) 사용this.us

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

JavaScript를 위한 WebStorm Code Style 설정

탭, 들여쓰기 싸이즈: 2, 세미콜론(;) 사용하지 않기, 작은따옴표(') 사용하기

2022년 7월 28일
·
0개의 댓글
·

Webstorm Plugin 목록

Atom Material IconsCamelCaseGitToolBoxIDEA Mind MapIndent RainbowIntelliVueJson ParserKey Promoter XKorean Language PackNuxt.jsOne Dark themePokemon P

2022년 7월 4일
·
0개의 댓글
·