# webstorm

28개의 포스트
post-thumbnail

WebStorm에서 ESLint와 Prettier 설치 및 설정하기

즉, 팀 단위로 프로젝트를 진행하게 될 때 여러명의 다양한 코드 스타일을 일정한 규칙을 정해둠으로써 다른 개발자가 작성한 코드도 빠르게 이해할 수 있어서 일을 좀 더 수월하게 진행이 가능해진다.

2023년 3월 16일
·
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개의 댓글
·
post-thumbnail

Webstorm에서 ESLint + Prettier 적용하기

이번 포스트에서는 타입스크립트 기반의 NextJS 프로젝트에서 설정된 ESLint와 Prettier를 Websotrm 에디터에서도 적용할 수 있도록 할 것이다.

2022년 6월 13일
·
1개의 댓글
·

JetBrain과 친해지기 -1

이번학기에는 다루는 언어가많다,,, 빅데이터 검색, 모바일로봇 - JAVA 컴퓨터네트워크, 운영체제 - C 인공지능과 딥러닝, 멋쟁이사자처럼 - Python 앱만들기 - javaScript 그래서 이번 기회에 지금까지 친했던 VSCode를 손절치고 JetBrain과

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

04 / 05 / 2022

IDE 란?integrated development environment통합 개발 환경 - 코딩, 디버크, 컴파일, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어대표: visual studio, intelliJ

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

Intellij IDEA Ultimate, Webstorm Next.js Debug

Next.js SSR + CSR 을 이유로 랜더링이 서버와 클라이언트 각각 이루어 진다. 개발 시 라인 마다, 변수 마다 console을 출력하며 개발이 가능 하지만, 큰 돈 주고 Intellij Ultimate를 구매 한 만큼 잘 사용 해 보자.intellij 의 R

2022년 3월 15일
·
0개의 댓글
·
post-thumbnail

[Webstorm/웹스톰] 단축키 모음

유용한 단축키 모음Alt + J : 같은 단어선택 (한번에 수정하거나 삭제할때 유용)Alt + Click : 다중 캐럿 생성

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