본문 바로가기

IDE & DB Tools/Webstorm

(3)
WebStorm 에서 React Template 으로 파일 새로 만들기 리액트 프로젝트를 개발하다보면 컴포넌트 파일을 추가할 때 웹스톰에서 제공하는 파일 템플릿에는 리액트 템플릿이 존재하지 않는다. 웹스톰에서는 이를 해결하기 위해 새로운 파일을 만들 때 커스텀 파일 템플릿을 만들 수 있는 기능을 제공한다. 템플릿을 만들기 위해 웹스톰의 상단 메뉴 File -> Settings or Ctrl + Alt + s 을 통해 Settings 창을 띄운다. Settings 창에서 좌측 메뉴의 Editor -> File and Code Templates or 검색어 File and Code Templates 을 입력한다. 우측 내용에서 Files 탭의 아래 + 버튼을 통해 템플릿을 생성한다. 이 때, Name 및 Extension 을 지정할 수 있다. 안의 내용은 본인 스타일에 맞게 작..
Webstorm 에서 Terminal CMD 에서 Git bash 로 변경 윈도우 환경에서 Webstorm 을 설치하면 터미널 창이 기본적으로 CMD 로 설정되어있다. 실무에서 개발하는 사람 중 윈도우에서 개발하고 있다면 CMD 보다는 bash 명령어를 사용할 수 있는 Git bash 가 더 편할 것이다. 웹스톰에서는 이 터미널 창을 내가 원하는 터미널로 변경할 수 있다. 1. 먼저 웹스톰을 실행 후 설정 창을 띄운다. ( Ctrl + Alt + s 키 or 상단 메뉴 File -> Settings ) 2. Settings 창에서 검색 필드에 Terminal 을 입력하거나 Tools -> Terminal 로 들어간다. 3. Shell path 부분을 Git 이 설치되어있는 경로로 변경해준다. "C:\Program Files\Git\bin\sh.exe(shell이 설치된 경로)"..
Webstorm 에서 git 브랜치명 master -> main 으로 바꾸고 시작하기 git-flow에서 메인브랜치는 제품으로 출시될 수 있는 브랜치로 아주 중요한 브랜치다. 원래는 브랜치명이 master 이었으나, 인종차별적 요소 때문에 다른 이름으로 만드는 것을 권장하고 있다. (깃허브에서는 main이라는 이름으로 변경하기로 하였다.) 나도 메인브랜치명을 main 으로 변경하기 시작하였고, Webstorm 에서 처음 깃을 구성할 때 바꾸고 시작하는 법을 적어놓으려고 한다. 가장 좋은 방법은 깃허브에서 가이드 해주는 방법으로 명령어를 통한 변경 방법이 있다. echo "# repository-test" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add o..