본문 바로가기

FRONTEND/.etc5

230722 pkg-size 라이브러리로 패키지 설치 전 사이즈 확인하기 pkg-size Find the true size of an npm package pkg-size.dev 프로젝트에 패키지를 설치하기 전, 해당 패키지의 사이즈가 프로젝트에 어떤 영향을 미칠지를 판단을 해야하는데, 의존성을 포함한 npm package 사이즈 를 확인할 수 있는 웹페이지가 생겨서 공유해봅니다. 첫 화면에 접근하면, package 이름을 입력하도록 되어있습니다. npm install 이라고 되어있는 UI 가 재밌더라구요 저는 현재 개인프로젝트에서 buefy 를 사용하고있어서, 테스트로 넣어봤습니다. package 이름을 입력하고 실행을 하면, 하단에 자세한 패키지 정보가 나옵니다. UI 가 너무 깔끔하고 퍼포먼스가 굉장히 빠르네요. 작동 방식과 자세한건 Hiroki Twitter 에서 확인.. 2023. 7. 22.
211217 Mac에서 Sourcetree Keychain 저장하기 Mac에서 Sourcetree Keychain 저장하기 MacOS 에서 Sourcetree 를 깔고 원격 저장소에서 맨 처음 클론을 받은후, Push/Pull/Fetch/Merge 를 하면 이런 메세지가 뜬다. 솔직히 매번 bitbucket 비밀번호 입력하는거 너무 귀찮다... 이럴땐 Mac 에서 키체인을 설정해두면 편리하다. 절차 $ git config --global credential.helper osxkeychain $ git config --global credential.helper store # 여기서 Bitbucket 로그아웃 / 로그인 / CAPCHA 설정 # Push/Pull/Fetch/Merge 등 작업 ... $ git pull credential 설정 Bitbucket 홈페이지에 .. 2021. 12. 17.
210820_유용한 VS Code Extensions 모음 Auto Close Tag Auto Rename Tag Auto-Open Markdown Preview Bookmarks Bracket Pair Colorizer CodeSwing Community Material Theme CSS Peek Document This ES7 React/Redux/GraphQL/React-Native snippets ESLint git flow Git Graph Git History GitHub GitLens GLSL Lint HTML CSS Support HTML Play Increment Selection InteliSence for CSS classnames in HTML json2ts Live Server Markdown All in One Markdown Previ.. 2021. 8. 20.
이 시스템에서 스크립트를 실행할 수 없으므로 파일을 로드할 수 없습니다. 보안 오류 (:) PSSecurityException / UnauthorizedAccess 포맷한지 얼마 안돼서 그런가.... "보안 오류"라고 뜨면서 작업이 실행되지 않는 현상이 발생했습니다. 회사에서는 맥을 쓰고, 집에서는 윈도우를 써서 환경이 맥에 익숙해져 있다가 윈도우 스크립트를 실행 하려니까 한국말로 뜨니 적응이 안됩니다. 검색해보니 시스템의 접근 가능 여부 설정이 제한되어있어서 그랬는데.. 한국말로 저렇게 써두니까 뭘 검색해야 할지 모르겠더라구요. 아무튼 그래서 정리해보았습니다. 관리자로 shell script 실행 shell 에 아래 순서대로 입력합니다. $ ExecutionPolicy # 현재 상태 확인 Restricted # 제한된 상태 $ Set-ExecutionPolicy Unrestricted # 상태 변경 > 실행 규칙 변경 > 실행 정책은 신뢰하지 않는 스크립트로부터 .. 2021. 5. 29.
토이프로젝트 아이디어 링크 40 side project ideas for software engineers Node.js Project Ideas for beginners 2021. 5. 8.