VScode에 코드 스니펫 저장하기
코딩을 하다 보면 반복적으로 작성해야 하는 코드들이 있는데 이걸 일일이 작성하고 있으면 상당히 귀찮고 피곤하다.이런 작업을 자동화해주는 방법을 알게되어 공유한다.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..