ETC
-
[javascript bundle] 추가한 또는 추가할 npm package의 size를 확인할 수 있는 사이트 BundlePhobiaETC 2021. 2. 27. 09:48
내가 만든 자바스크립트 프로젝트가 번들링하면 파일크기가 얼마나 될지, 그중 비중이 높은 패키지가 무엇이 있는지 확인해 볼수 있는 사이트이다. bundlephobia.com/ BundlePhobia Find the performance impact of adding a npm package to your bundle. bundlephobia.com 사이트에 접속하면 검색창이 한가운데 덩그러니 배치되어있다. 검색창은 npm에 배포된 패키지를 검색할 수 있다. 예를들어 moment를 검색하면 아래와 같은 결과가 나온다. 번들사이즈, 네트워크 규격에 따른 예상다운로드시간, 사용한 다른 패키지 구성(Composition) 비율이 표시된다. 그리고스크롤을 아래로 내리면 이와 비슷한 유형의 패키지들을 소개하는 카드도..
-
[Visual Studio] 에서 EntityFramework Core를 쉽게 쓸 수 있는 유용한 툴 (EFCorePowerTools)ETC 2021. 2. 17. 20:41
.NET Framework 프로젝트와 달리, .NET Core 및 .NET에선 Visual Studio의 Entity Framework 모델 생성 메뉴가 존재하지 않는다. (어쩌면 차기버전에선 생길 지도 모른다) 어쩔 수 없이 cmd 명령어를 이용해서 DB 테이블을 모델화시켜야하나 싶던 중 Youtube의 공식 dotNET 채널에서 EFCorePowerTools를 소개해주어 설치하게 되었다. www.youtube.com/watch?v=uph-AGyOd8c&t=1s 설치는 아래 링크에서 확인가능하다. marketplace.visualstudio.com/items?itemName=ErikEJ.EFCorePowerTools EF Core Power Tools - Visual Studio Marketplace ..
-
[numpy] float array 자릿수표시 조정하는 방법ETC 2021. 2. 17. 18:45
머신러닝에 대해 아는 척(?) 이라도 해야할 것 같아서 아래 책으로 공부를 하는 중이다. http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9788968483509 신경망 첫걸음 - 교보문고 인류에겐 이런 딥러닝 입문서가 필요했다. 딥러닝 입문자가 늘고 있지만, 수학 이론을 공부하자니 갈 길이 멀고 원리를 무시한 채 코딩부터 하자니 응용이 불가능하다. 수학 공식과 통계 이론을 www.kyobobook.co.kr 책에 나온 예제는 0~9까지 데이터화된 손글씨 정보를 traning 시킨 뒤, 별도로 준비한 0~9의 손글씨 데이터로 질의를 하여 어떤 값인지 식별하는 코드이다. 아래 코드는 손글씨 0에 대한 쿼리 결..
-
[VSCode] Launch Chrome 설정으로 React 디버그시 OAuth 테스트가 가능하도록 설정.ETC 2021. 2. 10. 18:23
Firebase 인증기능 적용 후 디버그시 "로그인할 수 없음" 화면과 함께 제대로된 디버깅작업을 수행할 수 없는 문제가 생겼다. 이를 해결하려면 launch.json의 config값에 userDataDir 속성을 추가하고 값을 false로 설정해야한다. { "name": "Launch Chrome", "request": "launch", "type": "pwa-chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}", "userDataDir": false } 출처는 아래와 같다. visual studio code - Debugging a firebase auth app from vscode and chrome not working..
-
[Git] .gitignore 에 추가했지만 여전히 commit이 동작할때 해결법ETC 2021. 2. 9. 18:40
오픈소스이지만 테스트를 위해 민감정보가 될 수 있는 설정값이 포함된 프로젝트의 경우, 별도의 설정값을 모듈이나 별도의 파일로 분리시킨 뒤 호출하여 사용하게 개발하고, 해당 파일을 git에 무시되도록 설정해야할 필요가 있다. 그때 .gitignore에 해당 파일의 경로를 입력하면 무시가 되는데, 빈 파일이라도 커밋정보가 포함된 경우가 존재한다면 .gitignore가 동작하지 않을 때가 발생한다. 그럴때는 아래 명령어로 캐시를 지워야한다. git rm -r --cached 개인개발 프로젝트가 오픈소스인데, firebaseConfig 와 같은 민감정보가 올라가버리면 문제가될 수 있어 commit 전 제거설정을 확인하던 중 알게되었다. 출처는 아래와 같다. https://stackoverflow.com/ques..
-
[CSS] 유리처럼 보이는 CSS 효과를 생성할때 유용한 사이트ETC 2021. 1. 24. 19:34
2020 CSS 디자인 관련 트랜드를 보다가 우연히 찾아보게된 사이트이다. 특정 영역을 유리처럼 보이도록 반투명 바탕색을 입히는데 이를 Glass Morphism style 이라고 부른다. 사이트 링크는 아래와 같다. https://glassmorphism.com/ Glassmorphism - simple CSS generator Glassmorphism UI CSS generator glassmorphism.com 사이트에 접속해보면 해당 페이지 1개 뿐이며, SETTINGS를 조작하면 상단의 디자인과 오른쪽 CSS 코드가 변경되는것을 확인할 수 있다. 원하는 설정을 적용 후 COPY 버튼을 눌러 자신의 프로젝트에서 사용하면 된다.
-
[VSCode] NodeJS, Vue등 javascript 기반 프로젝트 간단하게 디버깅 모드 실행하기ETC 2021. 1. 23. 21:37
VSCode 에서 간단하게 디버깅하는 방법이다. Windows에서 테스트했다. VSCode에 한글 확장을 설치하지 않았으므로, 설명의 메뉴나 스크린샷은 모두 영어로 나온다. 1. Chrome 설치 (크로미움 엣지가 없을 경우) 크롬 기반의 브라우저로 디버깅이 되는 것 같다. 엣지만 설치된 환경에선 실패했다. lanuch.json 파일을 만들어서 적용한다면 가능할 수 있지만 "간단하게"가 주목적이므로 설정작업에 손 안대는 방법으로 진행하겠다. (님크없?) 2. 디버깅할 javacript 기반 프로젝트 열기 디버깅할 프로젝트 폴더를 VSCode로 연다. 3. javaScript Debug Terminal 실행 옆 메뉴란에 [Run] -> [javascript Debug Terminal] 을 선택하거나, VS..
-
[Ubuntu] multipass를 이용한 우분투 서버 가상환경 구축ETC 2020. 8. 1. 11:04
인터넷 서칭중 캐노니컬(Canonical)에서 우분투 가상환경을 쉽게 구축할 수 있는 툴을 선보였다는 정보가 있어 확인해보게 되었다. https://multipass.run/ Multipass orchestrates virtual Ubuntu instances Pet, and cattle Your ‘primary’ instance gets special treatment with integration to your native filesystem and dedicated hot-key access. multipass.run 사이트에 접속하면 메인화면 아래에 OS 별로 설치파일을 제공한다. 단독으로 동작하는 프로그램은 아니고, Hyper-v 또는 VirtualBox가 설치되어 있어야 하는데 iso 파일을 ..