CURATING CURIOSITY

현상 우분투에서 화면 왼쪽이나 아래에 놓고 많이 쓰는 프로그램 아이콘들을 두고 사용하는 독(dock)이 얼마전부터 사라져서 프로그램을 선택하거나 세팅을 GUI로 바꾸고 싶을 때 불편함이 많았다. 물론 리부팅을 하면 현상이 사라지는데 뭔가 제대로된 방법은 아닌 것 같다 첫번째 시도: dock 세팅 메뉴 시도 하기 당연히 세팅(settings) 패널에서 Dock 메뉴를 찾아보았다. (나는 Command 버튼을 누르고 텍스트 입력으로 'dock'을 입력하고 엔터키를 눌러 다음과 같은 Dock관련 패널을 찾아 보았다. 메뉴에는 사라진 dock을 살리는 메뉴는 없었다. 자동으로 dock이 사라졌다가 마우스를 근처로 대면 나타나는 기능이나 위치, 아이콘 크기를 조절하는 메뉴가 있을 뿐이었다. 해결책: gnome s..

Streamlit은 머신러닝, 딥러닝 프로젝트나 데이터 분석 결과를 간단한 앱 형태로 제시하기 좋게 핵심 기능을 잘 정리한 앱 프레임워크이다. www.streamlit.io/ Streamlit — The fastest way to create data apps Streamlit is an open-source app framework for Machine Learning and Data Science teams. Create beautiful data apps in hours, not weeks. All in pure Python. All for free. www.streamlit.io 파이썬 코드로 작성한 알고리듬이나 모델을 앱 형태로 간단하게 연결해서 결과를 사용자들이 조작하면서 볼 수 있는 기능을 ..

Streamlit 소개 파이썬기반 프로젝트를 소개하는 간단한 웹어플리케이션을 만드는 라이브러이이다. 최근 많은 딥러닝, 머신러닝 기반의 프로젝트 데모를 간단하게 보여주기 위해 flask같은 웹 프레임워크를 사용하기도 하는데 사실 웹서버 클라이언트 개념을 알아야 하는 진입장벽이 있다. 좀 더 간단하고 데이터에 특화된 결과를 보여주기 쉽게 구성된 라이브러리가 바로 streamlit 이고 간단한 인터액션이나 pandas나 numpy같은 데이터를 다루는 라이브러리와 무리없이 연결하여 쓸 수 있어 정말 간단한 결과를 공유하는데에는 아주 좋은 라이브러리도 보여진다. 설치: pip를 이용해 완전 간단함 설치는 다음 한줄을 터미널 창에 입력하면 끝난다. 도커나 가상환경(conda 같은)에서 python3 버전을 설치하..

nodejs에서 예를 들어 다음과 같이 웹서버 포트 번호를 하드코딩해서 넣어두면서 테스트 할 수 있다. const express = require("express"); const app = express(); const port = 5000; 테스트할 때야 문제 없겠으나 git 저장소에 올려서 오픈한다던가 할 때 이런 류의 정보들은 오픈하면 안되는 정보 중에 하나이다. 예를 들어 데이터 베이스 관련한 접근 정보도 이런 종류의 데이터에 포함된다. 이런 경우 별도의 파일에 저장하고 관리하는 방법이 필요하다. 그중에 하나가 dotenv 패키지를 사용하는 방법이다. dotenv는 .env 파일에 따로 저장하는 값을 변수형태로 선언해두고 실제 코드에서 변수형태로 사용하는 방식이다. dotenv 설치 간단하게 np..

구글 문서(Google Docs)에서 문서를 구조적으로 잘 보이게 하는 방식은 스타일을 입히는 것이다. 메뉴 중 일반 텍슽, 제목, 부제목, 제목1, 제목2,제목 3등으로 정의되어 있어 텍스트의 구조적인 성격에 맞게 다른 스타일을 적용할 수 있나 싶어 찾아보니 마땅한 방식이 없었다. 보통 다른 문서들은 스타일을 정의하고 문서 단위로 적용할 수 있는데 없어서 난감하던 차에 나름의 방법이 있음을 알아냈다. 다음과 같이 스타일의 오른쪽 화살표 버튼을 클릭하면 서브 메뉴 중 스타일 업데이트 메뉴가 있다. 방법은 다음과 같다. 바꾸고 싶은 스타일 항목에 대해서 구글 문서안에 만들어 둔다. 예를 들어 폰트 크기, 폰트 종류, 색상 등을 바꾼다. 커서를 변경한 텍스트 위에 올려 놓는다. 해당 스타일을 메뉴에서 선택하..

javascript에서 강제형변환 개념이 있다. 다른 데이터 타입을 가지는 데이터끼리 연산(사직연산, 논리연산 등등)에 데이터 타입을 최대한 해석해서 데이터 타입을 맞추어 연산을 수행할 때 확인할 수 있다. 다음과 같이 다른 타입의 데이터를 연산를 실행해보면, console.log(10 + "hello"); console.log("" == true); console.log(1 == true); console.log(10 + true); 다음과 같은 결과가 나온다. 10hello false true 11 강제 형변환이 다음과 같이 이루어짐을 알 수 있다. 정수 10은 문자열 hello와 + 연산시 정수형 데이터가 강제로 문자열 타입(string)으로 강제형변환이 되어 문자열이 붙은 결과가 나옴을 알 수 있..

node js 개발 시 여러 버전을 사용하거나 옮겨 다니거나 해야 하는 상황이 발생하는데 이를 편하게 도와주는 도구가 nvm (node version manager)임을 최근에야 알았다. 간단히 windows 환경에서 활용하는 방법을 알아보았다. 소스위치 먼저 mac/linux용과 windows용이 따로 존재한다. mac/linux용 github.com/nvm-sh/nvm nvm-sh/nvm Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - nvm-sh/nvm github.com windows용 github.com/coreybutler/nvm-windows Releases · core..

exe 파일을 만들 수 있다는 export 기능을 실행해보고자 다음과 같아 간단한 프로그램을 개발하고 이를 export 해보았다. 1) vvvv gamma 실행하고 노드를 다음과 같이 연결함 2) 초간단 기능 설명 화면에 원하나를 그리기 위해 Renderer와 Circle 노드를 넣었음 원하나의 색상을 인터액티브하게 바꾸기 위해 Fill 노드로 색상값 입력할 준비를 함 Mouse 노드의 위치(position)인 2차원 벡터 성분 값을 Vector(슬라이스용)로 따로 뽑아 FromHSL 노드의 Hue와 Saturation 값에 입력해 마우스 위치에 따라 다른 컬러가 지정되게 만들고 이 결과를 Fill 노드의 입력에 연결함 Fill 노드에 SetImageFilter 노드를 이용해 이미지 필터효과를 추가함 D..