파피루스

1. 설치하기npm i typescript @types/react @types/react-dom  2. 최초 설정하기npx tsc --init 생성된 tsconfig 파일에서 "jsx" 옵션을 줘야함: jsx가 자바스크립트 파일에서 내보내지는 방식을 제어하는 옵션 preserve: jsx를 변경하지 않고 .jsx 파일을 내보낸다.react: React.createElement 호출로 변경된 jsx로 .js 파일을 내보낸다.react-native : preserve와 같이 jsx를 변경하지 않지만 .js 파일을 내보낸다. 3. 기존 파일 확장자 변경하기- js 파일들 tsx/ts 확장자로 변경 4. 문제 생긴 부분 수정 + 필요하면 lib 추가 설치- js 파일들 tsx/ts 확장자로 변경 5. 끝! 프로..

로컬 브랜치 첫 push 할 때마다, 아래처럼 귀찮게 하길래 auto remote push 옵션을 찾았다  해결책git config --global --add push.autoSetupRemote true

프로세스가 port 를 차지하고 있어서 생긴 문제로, 프로세스 종료하면 정상화된다. 해결1. 윈도우 작업표시줄에서 cmd 실행 2. 해당 port (내 경우에는 8081)을 잡고 있는 pid (Process Id)를 찾는다netstat -ao | findstr 포트번호 3. 알아낸 pid kill 하기taskkill /f /pid 프로세스아이디  cmd 캡쳐

1. repo 만들기❗본인의 github name으로 변경해서 {userName}.github.io 으로 만들어야 함 2. build deployment 설정하기  3. repo clone 받기 4. blog theme 정하기https://jekyllthemes.io/ Jekyll Themes – a curated directoryFind the best Jekyll themes for your next project – a curated directory of themes, templates and resources for building Jekyll websites.jekyllthemes.io 구글에 검색하면 각종 테마사이트가 많다 골라서 zip 파일로 다운받는다.나는 이 테마를 받아 clone 받은..

prettier - Code formatterhttps://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio MarketplaceExtension for Visual Studio Code - Code formatter using prettiermarketplace.visualstudio.com EsLinthttps://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint ESLint - Visual Studio MarketplaceExtension for Visual Studio Code - In..

초기화1. 플러그인 삭제C:\User\사용자이름\.vscode 폴더 삭제 2. 개인설정 파일 삭제C:\User\사용자이름\AppData\Roaming\Code 폴더 삭제 install plugins : https://reeny404.tistory.com/136 필수 vscode 확장 프로그램 (plugins/extension)prettier - Code formatterhttps://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio MarketplaceExtension for Visual Studio Code - Code formatter using pretti..