ETC
-
[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 파일을 ..
-
[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..