조각모음 조각모음

코딩을 하다 보면 반복적으로 작성해야 하는 코드들이 있는데 이걸 일일이 작성하고 있으면 상당히 귀찮고 피곤하다.이런 작업을 자동화해주는 방법을 알게되어 공유한다.React로 코딩을 하다 보면 아래와 같이 파일명으로 함수형 컴포넌트를 만들 일이 많아진다.export default function FileName() { return ;}이 작업이 너무 귀찮아서 코드 스니펫으로 넣어봤다.순서VScode에서 맥북 기준 Comman+P(윈도우는 Control+P)를 누르고 >을 누르면위와 같은 화면이 나오는데 Snippets: Configure Snippets을 클릭해준다.그 후 New Global Snippets Files... 을 클릭하고 원하는 파일 이름이 입력 후 엔터를 누르면위와 같은 JSON 형식..

카카오, 페이스북, 트위터 오픈그래프 및 메타 정보 캐시 삭제 오픈 그래프 이미지를 변경해야 하는 업무가 많았는데 이미지를 잘 변경해도 실제로 적용되지 않는 경우가 있다. 그럴 땐 아래 페이지에 가서 직접 지워주면 된다. 카카오 https://developers.kakao.com/tool/debugger/sharing/ 캐시를 삭제할 URL 집어넣고 디버그 및 캐시 초기화 페이스북 https://developers.facebook.com/tools/debug/ 캐시를 삭제할 URL 집어넣고 디버그 버튼 클릭 후 다시 스크랩 버튼 클릭 트위터 https://cards-dev.twitter.com/validator 캐시를 삭제할 URL 집어넣고 Preview card 버튼 클릭. 카드 이미지 미리보기가 안 ..

MacOS Monterey 맥 몬테레이 port 5000 이슈(Port 5000 is already in use) 참고: https://medium.com/pythonistas/port-5000-already-in-use-macos-monterey-issue-d86b02edd36c 참고: https://o-yeon.tistory.com/92 업무 중에 갑자기 port 5000으로 접근이 불가능해졌다. $ lsof -i tcp:5000 $ kill -9 PID 위의 터미널 명령어로 5000을 강제로 종료해도 계속 다시 5000에서의 프로세스가 살아나서 곤란했다. 결론은 MacOS Moterey 버전에서 AirPlay 기능이 port 5000을 사용하기 때문에 서버 중복 현상이 발생했고, 프로세스가 계속 살..

내가 사용하려고 적어보는 컴퓨터 셋업.homebrew 설치 및 기본 세팅homebrew 설치Mac에서 프로그램 설치, 관리, 삭제를 편하게 도와주는 툴인 homebrew를 설치한다./bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"oh-my-zsh 설치terminal에 간단한 색상을 부여하고, git 파일의 유무, 현재 branch 위치 등을 가볍게 알려주는 툴인 oh-my-zsh를 설치한다.sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"oh-my-zsh aut..

[Mac] Karabiner-Elements로 caps lock 한영 전환 딜레이 없애기Mac의 caps lock은 영어의 대소문자 구분과 더불어 한영키 전환 기능을 갖고 있다. 문제는 하나의 버튼으로 두 개의 기능을 구현해야 하다 보니 기능 구분을 위해 한영 전환에 딜레이가 생겨 버렸다. 조금 더 길게 눌러야 한영 전환이 되는 것이다. 코딩할 때 너무 거슬려서 그 딜레이를 제거했다.1) karabiner-Elements 설치이 사이트로 이동해서 설치2) caps lock 키 작업 없음 설정키보드 설정 화면 우하단에 있는 보조키를 클릭하고 Caps Lock 키 를 작업 없음으로 설정한다.이제 caps lock을 눌러도 아무런 반응이 없다.3) karabiner 설정From Key 에 caps_lock, ..