[WebStorm] React 컴포넌트 생성 단축 키워드

[WebStorm] React 컴포넌트 생성 단축 키워드

이전에 VScode에서도 간단한 단축키들을 설정해서 React 컴포넌트 템플릿을 사용했었는데,이번에 webstorm을 셋팅하면서 플러그인들과 기본 셋팅을 했었다. 그 중 React Snippets 에 대해서 기록해본다. 1. Settings > Plugins > 'React snippets' 를 검색 후 Install 2. Settings > Editor > Live Templates > React에서 다음과 같이 React 에 관한 snippets을 확인할 수 있다. 이전에 나는 rfc라는 키워드로 사용해와서 rfc로 React Function Components를 추가하였다. import React from 'react';function $TM_FILENAME_BASE$(props) { return ..

  • format_list_bulleted ___/webstorm
  • · 2024. 6. 30.
  • textsms
[WebStorm] 커멘드 라인으로 WebStorm 실행하기

[WebStorm] 커멘드 라인으로 WebStorm 실행하기

웹스톰 커멘드라인 실행환경 만들기1. 우선 웹스톰을 실행한다. 2. Tools > Create Command-line Launcher3. 환경변수에 웹스톰 경로를 설정하라는 팝업을 확인할 수 있다. 4. 설정 파일에 들어가서 다음과 같이 PATH 환경 변수에 Webstorm 실행 파일의 경로를 추가해준다.# zsh을 사용한다면vim ~/.zshrc# bash를 사용한다면vim ~/.bash_profileexport PATH="/Applications/WebStorm.app/Contents/MacOS:$PATH"5. 저장하고, 변경사항을 터미널에 적용한다. source ~/.zshrc6. 설정 끝! 이제 원하는 디렉토리로 이동한 뒤 다음 명령어로 웹스톰을 실행할 수 있다. webstorm .  커멘드 라인..

  • format_list_bulleted ___/webstorm
  • · 2024. 6. 30.
  • textsms
[VSCode] 코드정렬 Extension

[VSCode] 코드정렬 Extension

1. Prettier - Code formatter 설치 2. 설정 방법 File > Preferences > Settings Default Formatter 검색 > Prittier - Code formatter 선택 editor format on save 검색 > Fomat On Save 체크 json 검색 > Edit in setting.json 클릭 > editor.formatOnSave true 확인 3. 저장 후 정렬 확인 Ref ) [ Blog ] VSCODE 코드 정렬 extension

  • format_list_bulleted ___/vscode
  • · 2023. 7. 20.
  • textsms
[ERROR] warning: LF will be replaced by CRLF the next time Git touches it

[ERROR] warning: LF will be replaced by CRLF the next time Git touches it

윈도우에 셋팅 후 위와 같은 에러가 발생했다. 유닉스 시스템에서는 한 줄의 끝이 LF(Line Feed)로 이루어지는 반면, 윈도우에서는 줄 하나가 CR(Carriage Return)와 LF(Line Feed), 즉 CRLF로 이루어지기 때문이다. 따라서 어느 한 쪽을 선택할지 Git에게 혼란이 온 것이다. LF(Line-Feed) Mac, Linux (Unix 계열) 줄바꿈 문자열 = \n ASCII 코드 = 10 커서 위치는 그대로 두고 종이의 한라인 위로 올리는 동작 현재 위치에서 바로 아래로 이동 종이를 한칸올리기 CR(Carriage-Return) Mac 초기 모델 줄바꿈 문자열 = \r ASCII 코드 = 13 커서 위치를 맨앞으로 옮기는 동작 커서 위치를 앞으로 이동 CRLF (Carriag..

  • format_list_bulleted ___/에러
  • · 2023. 7. 18.
  • textsms
[VSCode] terminal에서 code . 명령어 입력 시 해당 코드가 열리도록 하는 방법

[VSCode] terminal에서 code . 명령어 입력 시 해당 코드가 열리도록 하는 방법

vscode Command Palate에서 Shell Command: Install 'code' command in PATH 를 설정하면 된다. 요렇게 치면 해당하는 경로에서 vscode가 열린다.

  • format_list_bulleted ___/vscode
  • · 2023. 7. 13.
  • textsms

[에러] timeago 라이브러리 오류

timeago 설치 후 아래와 같은 WARNING 발생 실행하는데 문제는 없으나 해당 WARNING이 왜 발생하는지는 모르겠음 Compiled with warnings. Failed to parse source map from '/Users/wonny/Documents/dev/KDT3-react-toyproject/react-youtube-clone/node_modules/timeago.js/src/format.ts' file: Error: ENOENT: no such file or directory, open '/Users/wonny/Documents/dev/KDT3-react-toyproject/react-youtube-clone/node_modules/timeago.js/src/format.ts' ..

  • format_list_bulleted ___/에러
  • · 2023. 7. 11.
  • textsms