애 둘 냥 둘

오늘은 VS Code 확장 기능 하나 추천해볼까 합니다. 일반적으로 프론트엔드 개발을 하면서 package.json 파일 관리를 하고 있을 텐데, 패키지 버전 업데이트가 필요할 때 혹은 현재 최신 버전이 몇 버전인지 궁금할 때 사용하는 확장 기능입니다. https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens Version Lens - Visual Studio Marketplace Extension for Visual Studio Code - Shows the latest version for each package using code lens marketplace.visualstudio.com 일단 설치 ㄱㄱ 설치하..

프론트엔드 개발자들이 사랑하는 코드 에디터 VS Code. 마크업 작업에서 가장 많이 입력하는 코드 중 하나를 꼽으라면 이미지에 width, height 입력이 있겠다. 은근히 귀찮지만 어쩔 수 없이 매번 입력해야 하는데 혹시나 확장 기능으로 있을까 하고 찾아봤다. 맙소사, 기본 기능이 있었어. 정확히는 emmet 의 기능. 언제부터 가능했는지 알고 싶지 않다. 그동안 버린 내 시간이 아까워 절대로 알고 싶지 않다. 방법은 이미지 경로에 커서를 올려두고 Ctrl+ Shift + P 를 눌러 명령 창을 띄운 후 Emmet: Update Image Size 를 실행하면 된다. 그러면 width 와 height 가 자동으로 입력된다. 다른 값이 이미 채워져 있어도 업데이트가 되므로 다른 코드를 복사해 이미지만..