Development
-
React/memory leak - componentWillUnmount Event 제거 이슈Language/React 2022. 10. 19. 11:08
class Component에서 resize event를 사용하였는데 componentWillUnmount에서 제거해 주어도 메모리 누수가 발생하여 분석 및 처리 내용이다. Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. 원인 분석 addEventListener/removeEventListener에 동일한 매개변수와 함수를 전달하여야 하는데 t..
-
VSCode/Prettier - Code formatter을 default 로 지정Tool/VSCode&Cursor 2022. 10. 19. 10:46
Extensions 열기 Prettier - Code formatter Install 기본으로 포멧팅 설정 프로젝트에 종속되도록 workspace settings.json에 추가 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.defaultFormatter": "esbenp.prettier-vscode" ... }
-
VSCode/PostCss Sorting - css auto formatTool/VSCode&Cursor 2022. 10. 19. 10:35
Extensions 열기 PostCSS Sorting Install 단축키 설정 위와 같이 단축키 지정을 통해서 사용 가능하지만 필자는 아래 포스팅과 같이 저장시에 포멧팅이 되도록 진행하였다. VSCode/FormatOnSave 설정 VSCode/FormatOnSave 설정 저장과 동시에 css 및 js 등의 포멧을 잡기위해 설정 Format On Save 설정 Format On Save 체크 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.formatOnSave": true, ... dchkang83.tistory.com config 설정 프로젝트에 종속되도록 workspace settings.json에..
-
VSCode/GitLens - IntelliJ 형태의 annotate 보기Tool/VSCode&Cursor 2022. 10. 19. 08:14
Extensions 열기 GitLens — Git supercharged 설치 GitLens: Open Settings Hovers 변경 Hovers에서 AShow hovers for the current line option 변경 annotaion 확인 Dates & Times 설정 GitLens: Open Settings 에서 Dates & Times 클릭 Date format 설정 단축키 설정 단축 키 설정 화면 열기 단축키 설정 Annotation format 설정 File Blame 설정 GitLens: Toggle File Blame 열어보기 단축키로도 열어볼수도 있지만 아래와 같이 클릭 후 확인이 가능하다. (다시 누르면 닫힘) 참조) https://www.youtube.com/watch?v..
-
Git/Sourcetree - 응용프로그램 예기치 않게 종료Configuration Management/git 2022. 10. 14. 22:12
거참.. Sourcetree 너 이놈..! 말썽이구만... 구글형님한테 물어보니깐 소스트리가 커핏 및 패치나 레파지토리 변경할때 종료되는 일이 많은듯 하다. 저같은 경우는 특정 레파지토리에만 들어가면 프로그램이 종료 되어 버린다.. 구글링 해보니 Mac 자체를 영문 버전으로 변경해서 사용하면 문제가 많이 사라지는듯하다. 바쁘니깐 저도 영문버전으로 바꿔도 되지만 특정 프로그램만 바꿔도 되는듯하다. 맥 -> 시스템 환경설정 -> 언어 및 지역 들어가서 응용프로그램에 소스트리 추가하고 언어설정을 바꿔줘도 된다!! 이것만 하면되니 아래는 맥 자체를 영문으로 바꾸는 방법이니깐 참고만 하자! Mac 언어설정 -> English 시스템 환경설정 -> 언어 및 지역 -> 영문으로 변경 궈궈 소스트리... 잘해보자.! ..
-
Git/Sourcetree - Permission DeniedConfiguration Management/git 2022. 10. 14. 19:44
GitHub Desktop을 사용하다가 Sourcetree를 설치하고 사용하려고 하니.. permission denied이 떠버렸다.. OTL. ssh 인증서 확인 $ ssh -T git@github.com Enter passphrase for key '/Users/deokjoonkang/.ssh/id_ed25519': Enter passphrase for key '/Users/deokjoonkang/.ssh/id_ed25519': Enter passphrase for key '/Users/deokjoonkang/.ssh/id_ed25519': git@github.com: Permission denied (publickey). ssh ssh-agent에 등록 $ ssh-add ~/.ssh/id_ed255..
-
VSCode/단축키Tool/VSCode&Cursor 2022. 10. 12. 17:10
기본⇧ : Shift⌃ : Controll⌥ : Option⌘ : CommandHome : fn + ←End : fn + →Page Up : fn + ↑Page Down : fn + ↓ 단축키구분맥 연결 키보드맥윈도우Comment코드 자동 정렬Shift + Alt + F⇧ + ⌥ + F import 정리Ctrl + Alt + O⌃ + ⌥ + O import 순서 & 불필요한 import 제거여러행 선택Shift + Alt + Drag⇧ + ⌥ + Drag 마우스로 선택 지정참조 이동 css-compactShift + Alt + F css 한줄로 변환 참조) https://zuyo.tistory.com/902 비주얼 스튜디오 코드(Visual Studio Code) 단축키 (Mac, Windo..