ETC
-
[Tool] 화면을 녹화하여 Gif로 만들어주는 오픈소스 프로그램 ScreenToGifETC 2020. 6. 21. 13:29
https://github.com/NickeManarin/ScreenToGif NickeManarin/ScreenToGif 🎬 ScreenToGif allows you to record a selected area of your screen, edit and save it as a gif or video. - NickeManarin/ScreenToGif github.com Nodejs 개발 공부할겸 개인적으로 오픈소스 프로그램을 개발하여 배포한 적이 있다. 개발은 훌륭한 라이브러리들을 한데 모아 쓰레기로 만드는 작업이었기 때문에 큰 어려움을 없었지만, 꼴에 사용방법은 설명하고 싶어서 Gif 형식으로 캡쳐하는 프로그램을 찾던 중 발견하게 되었다. 단순 캡쳐뿐만이 아니라 캡쳐 중 발생하는 키입력이나 마우스입..
-
[NodeJS/Javascript/Typescript] 자동완성 기능을 위한 패키지 @typesETC 2020. 4. 26. 15:26
https://jestjs.io/docs/en/getting-started.html Jest · 🃏 Delightful JavaScript Testing 🃏 Delightful JavaScript Testing jestjs.io jest를 이용한 NodeJS 프로그래밍 Unit Test 공부 중 test, expect, toBe와 같이 메소드가 자동완성 기능으로 제공되지 않아 불편하던 중, @types/jest를 설치하면 된다는걸 확인하게 되었다. http://definitelytyped.org/ Home | DefinitelyTyped The repository for high quality TypeScript type definitions definitelytyped.org 이제 보니 왠만한 패키지는..
-
[VSCode] .NET Core 에서 SPA(React/Angular) 개발시 Server와 Client 양쪽 디버깅하기ETC 2020. 1. 5. 23:58
.NET Core로 리액트기반 SPA(Single Page Application)를 개발해보고자 dotnet 명령어로 react 프로젝트를 생성하였다.생성 후 VS Code로 연 뒤, 아무 .cs 파일이나 열어주고 디버깅하면 알아서 디버그 관련 파일(launch.json, tasks.json)이 자동생성되니 서버 사이드 쪽 디버깅은 쉬웠다. 문제는 클라이언트 부분이었다. 별의별 방법으로 검색하던 중 Github에서 근접한 해결방법을 찾게 되었다. https://github.com/wavejs/javascript-style-guide/wiki/VSCode%EC%97%90%EC%84%9C-React-app-%EB%94%94%EB%B2%84%EA%B9%85%ED%95%98%EA%B8%B0 wavejs/java..
-
[VSCode] Python 가상환경(venv) 쉽게 설정하기ETC 2019. 11. 10. 22:57
python은 패키지를 설치하면 global 위치에 설치되기때문에 특정 버전의 패키지를 특정 프로젝트에서만 사용하려면 가상환경을 생성해줘야 한다. python -m venv {경로명/폴더명} 명령어를 써서 쉽게 생성할 수 있지만, vscode 환경에서 사용하려면 작업환경 설정값(.vscode/settings.json)을 설정해줘야하는 번거로움이 있다. (설정해도 제대로 안되기도 한다!) 뻘짓하다가 쉽게하는 방법이 있어 기록하기로 했다. 1. 작업영역 폴더 생성 예시로 venv-test 폴더 생성했다. 2. 작업영역 폴더 vscode로 열기 3. 콘솔창 열기 Ctrl + ` 키를 눌러 콘솔창(터미널)을 연다. 3. 가상환경 구성 python -m venv 명령을 실행한다. python -m venv ./v..
-
[Git] Azure DevOps(구 visualstudio online) 접근권한 관련기능 오류현상 해결법ETC 2018. 11. 11. 20:32
개인적인 프로그램 개발을 위해 Azure DevOps 에 신규 프로젝트를 생성하고, 터미널에서 git clone 명령어로 프로젝트를 복사하는 작업 중 오류가 발생하였다. Visual Studio를 사용할때는 이상이 없었고, 터미널에서 github에 있는 소스들을 clone 할때도 이상이 없었는데 Azure DevOps에 있는 소스들만 안되더라. 구글링해보니 Git 2.9.1 설치시 함께 설치되는 Git Credential Manager v1.18.0 에 버그가 있다고 한다.(https://stackoverflow.com/questions/53150690/fatal-nullreferenceexception-encountered-when-interacting-with-remote) 따라서 해당현상을 해결하려..
-
[regex] 이 정규식이 네 정규식이냐? (regex.inginf.units.it)ETC 2018. 1. 20. 16:20
URL : http://regex.inginf.units.it/ 문장에서 추출대상이 되는 단어들을 선택하고 Evolve!를 누르면 해당 단어규칙에 맞는 정규식을 자동으로 생성해주는 사이트이다. 사용방법은 사이트 하단에 tutorial로 들어가면 2분짜리 시연영상을 통해 확인 할 수 있다.원하는 정규식을 정확하게 추출하는 경우는 드물지만, 정규식 작성이 난해한 사람들에겐 힌트가 되어준다.해당사이트에서 1차적으로 정규식을 생성하고, 이전 포스트에 소개했던 regexr.com 에서 최종적으로 확인하는 것을 추천한다.
-
[bootstrap] <select>에 MSG를 끼얹나? (bootstrap-select)ETC 2017. 8. 13. 12:29
URL : http://silviomoreto.github.io/bootstrap-select/ HTML의 드롭다운메뉴 태그인 를 부트스트랩으로 직접 테마를 적용할 수 있긴 하지만, 방법이 제한적이며 사용이 까다롭다는 단점이 있다. (그냥 없는셈 치는게 정신건강에 이롭다.) 이를 말끔히 해결할 수 있는 도구가 바로 bootstrap-select이다. 호출방법은 아래와 같다. Mustard Ketchup Relish 또는 자바스크립트로도 가능하다. $('select').selectpicker(); 적용 후 웹 사이트를 실행하면 원래의 태그를 숨기고 ,, 태그조합으로 메뉴를 재생성하기 때문에 직접적인 css 적용은 어렵다. 다만 플러그인에서 디자인 적용을 위한 옵션을 제공하니 해당 옵션을 사용하면 된다. 예..
-
[OpenSource] 이 코드 누가 짠 거야? (searchcode.com)ETC 2017. 6. 4. 23:08
URL : www.searchcode.com소스코드를 검색어로 오픈소스 사이트(Github, Bitbucket 등)에 공개된 소스를 검색하는 기능을 제공한다. 문자 그대로 '소스코드'를 검색어로 쓰기 때문에 출처를 알 수 없는 소스코드의 일부를 넣고 검색하면 유용할 듯 하다.예를 들어, 어떤 검색란에 "var aa" 라고 검색하면 아래 이미지와 해당 코드를 포함한 오픈소스명과 출처, 사용된 위치등을 표시한다.필터를 통해 특정 오픈소스 사이트나 언어를 선택하여 검색할 수 있다.