본문 바로가기

Tools

 (27)
Setting up Prettier and VS Code https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio Marketplace Extension for Visual Studio Code - Code formatter using prettier marketplace.visualstudio.com Settings - default formatter 검색 - esbenp.prettier-vscode format on save - tick the box prettier을 쓰는 이유? 코드를 이쁘장하게 정리해줌 e.g. blank line 정리, 자동으로 quote 통일 (single or double) 변경 ..
Installing Node.js and Setting Up a Dev Environment 방법 1. Extension live server install -> VSCode 하단에 Go Live 버튼 생김 버튼 클릭하면 http://127.0.0.1:5500/starter/ -> 서버 오픈됨 Inspect > Console > Live reload enabled. console.log(calcAge(1988)); // prints 34 calcAge 계산한 값이 Console에 찍힌다. 여기서 핵심은 파라미터 값을 변경한 후 browser를 reload할 필요가 없다는 것! e.g. 1987로 값을 변경하면 콘솔에 자동으로 35 값이 프린트됨 html 파일 수정해도 자동으로 reload된다. 방법 2. Node.js install // node version 확인 node -v // live-..
Single or double quote 변환 문제 해결 방법 (feat. Linter extension setting) 상황은 이러했다. 회사 github repo에 PR을 올리자 난 바꾼적이 없는데 ?? 작은 따옴표를 큰 따옴표로 바뀐 내역이 커밋 뭉태기가 올라가는 거였다 ㅠㅠ 흠.. git pull 했으면 repo에 있는 파일이랑 동일한 상태에서 변경 내용만 업데이트 돼야 하는데 이상함. 나름 트러블슈팅한다고 시도하느라- github 레포를 처음부터 다시 클론해오고 commit PR을 올려도 동일한 현상이 재현됐다 😥 (= 난 작은 따옴표를 큰 따옴표로 바꾼적이 없는데 싹 다 바뀐 걸로 올라감...) 똘똘한 개발자한테 도움 요청해서 결국 해결했다 👏👏👏 해결 방법은? Linter Extension Settings에서 강제로 single quote를 쓰도록 설정을 변경했다. (이슈 원인은? js랑 yaml 파일에서 작은..
Node 버전 꼬였을 때 troubleshooting 방법 (feat. 터미널 node 명령어) 현재 Node 삭제 rm -rf node_modules 2. package-lock.json을 HEAD로 전환 (HEAD가 가장 최근에 있던 거임) git checkout HEAD package-lock.json The HEAD in Git is the pointer to the current branch reference, which is in turn a pointer to the last commit you made or the last commit that was checked out into your working directory. That also means it will be the parent of the next commit you do. https://stackoverflow.com/..
How to Open Visual Studio Code From Your Terminal 1. cd로 오픈할 문서 경로로 이동 2. code . 명령어 입력하면 VCS로 해당 문서가 열린다! https://www.freecodecamp.org/news/how-to-open-visual-studio-code-from-your-terminal/ How to Open Visual Studio Code From Your Terminal In this tutorial, we'll go over how you can open the VS Code text editor (Visual Studio Code) from your Mac terminal. Opening your text editor from your terminal is a quick, easy way to open up new projects..
brew install nvm 1. brew install nvm 실행 2. 쭉 밑으로 실행 결과 내려보면 - NVM's working directory를 create하고 - Add the following to ~/.zshrc or your desired shell configuration file에 밑에 3줄을 넣으라고 함 Running `brew update --auto-update`... ==> Auto-updated Homebrew! Updated 1 tap (homebrew/core). ==> New Formulae aztfy dunamai leapp-cli livekit nftables trzsz-go cargo-bundle editorconfig-checker levant livekit-cli pax tuc circum..
Testing an API(feat. The Trello REST API) The Trello REST API The fields of the board to be included in the response. Valid values: all or a comma-separated list of: closed, dateLastActivity, dateLastView, desc, descData, idMemberCreator, idOrganization, invitations, invited, labelNames, memberships, name, pinned, po developer.atlassian.com Trello API의 Create a Board reqeust를 보냄 https://developer.atlassian.com/cloud/trello/rest/api-grou..
맥 화면 분할 앱 추천 Spectacle with 단축키 Move and resize windows with ease. 한땀 한땀 창을 옮겨가면서 쓸 필요 없음 현재 활성화된 창에서 ctrl + cmd + left or right 방향 키를 누르면 창 위치가 바뀐다. https://www.spectacleapp.com/ Spectacle www.spectacleapp.com
API test in Postman 오른쪽의 SNIPPETS에서 Status code is 200을 클릭하면 Tests에 자동으로 form이 채워짐. 그 다음 Send 클릭! Test Results를 확인할 수 있다. Tip: make sure your tests FAIL! 일부러 존재하지 않는 주소를 입력하고 Send 클릭 그럼 404 Not Found 에러가 반환됨 pm.test("Status code is 200", function () { pm.response.to.have.status(200); }); pm.test - function for writing test specifications works in a non-blocking way in case of errors can include multiple related ass..
POST request practice 재고가 없는 (available 값이 false인) tool을 조회해봄 일부러 재고가 없는 toolId로 주문해봄 그럼 error 메시지에 해당 툴은 재고가 없어서 주문을 못한다고 뜸!

티스토리툴바