TearCode

code screenshot은 웹스톰의 커스텀 플러그인으로 작성 코드를 스크린 샷 해주는 기능이다. 기본적으로 저장은 안하는 상태에서 클립보드에 스크린 샷을 찍어주는 단축키는 Ctrl + Shift + A 인데 이를 바탕화면까지 직통으로 저장할 수 있게 변경하면 더 편한 것 같다 방법은 다음과 같다. Setting -> Keymap -> 검색 창에 Screenshots 입력 -> Copy as Image 에 있는 값을 Save as Image 에 있는 곳으로 이동 시켜준다. 변경 후 캡쳐할 코드 드래그 후 지정 단축키 입력

Web/tool 2021. 8. 6. 09:55

환경설정 (Ctrl + O) -> 단축키 -> 검색창에 텍스트 검색 상자로 이동 입력 후 -> 단축키에 원하는 단축키 입력 -> 반드시 할당을 누를 것 -> 적용 -> 저장 "/ " 눌렀을 때 검색 상자가 활성화 되는 것을 볼 수 있다.

Web/tool 2021. 8. 6. 09:45

업데이트 중.... 한줄 복사 : Ctrl + D 한줄 삭제 : Ctrl + Y 코드 자동 정렬 : Ctrl + Alt + I

Web/tool 2021. 8. 5. 14:01

13 인치 노트북을 사용하다 보니까 화면 분할을 이용할 때 좌측엔 강의를 띄워놓고 우측엔 IDE 를 놓다 보니까 코드가 잘려 보이는 현상이 발생했다. Ctrl + Shift + a 를 눌러 액션 창을 켜고 change font size with Ctrl +Mouse Wheel 옵션을 켜준다 Ctrl 키를 누르고 마우스 휠을 조정하여 폰트 크기를 줄일 수 있었다

Web/tool 2021. 8. 3. 17:04

이번에도 역시 vscode에 있는 bracket pair colorizer 에 대응하는 Rainbow Bracket을 설치해보았다. purple 관련 테마에 적용시키다 보니 색깔이 띄지 않으니 블랙계열 테마로 설치를 테스트를 해봐야겠는데.. 별로 나아진 게 없어보이지만 아까보단 가독성이 좀 나아진 것 같다.

Web/tool 2021. 8. 3. 16:56

vscode에서 인덴트 rainobow가 웹스톰에서도 있어서 설정을 해보았다. 웹스톰에서는 플러그인을 설정할 때 프로젝트가 열려있으면 닫은 후 플러그인을 설정을 해주어야 하는 것 같다. (사실 초보라 잘 모른다.) 설치 후 좌측부터 indent가 적용되어 있는 것을 확인할 수 있다.

Web/tool 2021. 8. 3. 16:44

File -> Settings Editor -> Inray Hint -> Javascript -> Parameter hints -> Exclude list Ctrl + F 를 눌러 찾기 후 , callbackfn을 입력 -> callbackfn에 붙은 * 를 제거해준다 map 메서드 안에 있는 코드 힌트에 callbackfn이 제대로 표기된 것을 확인한다

Web/tool 2021. 8. 3. 16:36