디스코드 - 카카오톡을 대체 할 수 있는 플랫폼
카카오톡은 SNS 메신저로 시작해서 그룹채팅을 추가했지만, 결국 메신저에서 벗어나지 못한 프로그램이죠현실 인맥을 중심으로 한 SNS 메신저이기 때문에, 많은 사람들이 불편해 하는 문제가 지인들의 사생활에 대한 부분입니다 카카오톡은 내 현실 인맥을 기반으로 한 메신저이고,인스타그램, 디스코드 등은 내가 관심을 갖는 인맥 또는 주제라는 차이점이 있습니다 디스코드는 커뮤니티 플랫폼으로, 단순 채팅을 넘어 의견공유, 정보공유, 의사결정, 상태확인 등을 원활하게 할 수 있는 플랫폼입니다이미지, 비디오 공유는 물론 가능하고, 음성채팅, 화면공유가 가능합니다특히 화면공유는 거의 딜레이가 없기 때문에 영상이나 게임 화면을 보며 실시간 소통할 수 있습니다 최근 네팔에서 독재정권을 무너뜨린 시민 혁명이 일어났고, 여기서..
데이터 수집을 하다보면 정제되지 않은 데이터가 많고, 이를 통계를 내기 위해서는 데이터를 분리해야하는 상황이 있습니다 예를들면 자동차 판매량 데이터를 보면, 제조사와 모델명이 따로 구분되지 않고 같이 적혀 있는 경우가 있습니다이런 경우 단순히 공백을 기준으로 나누기도 어려운게, 두 단어 이상으로 된 이름도 있기 때문입니다 아래와 같이 데이터 중에는 단순한 공백 분리 같은 문자열 처리로 어려운 상황이지만제조사나 모델이라는 정해진 데이터가 있는 경우 RegExExtract() 함수를 이용해 처리할 수 있습니다 데이터 문자열을 각각 따로 분류데이터 제조사모델명Acura ZDX→AcuraZDXAlfa Romeo Tonale→Alfa RomeoTonale 우선 [제조사 목록] 데이터를 따로 만듭니다이 데이터를 ..
[스프레드시트] 금액 단위를 숫자로 풀어주는 사용자 함수 만들기
보통 큰 숫자를 "1700만 달러", "1조 달러" 등으로 읽기 쉽게 단위로 표기하는데,이를 계산하거나 원화로 바꾸려는 경우 불편합니다 아래에 작성한 수식을 구글 스프레드시트에 "이름이 지정된 함수"로 수식을 등록하면스프레드시트에서 다른 함수처럼 이용해서 숫자로 쉽게 변환할 수 있습니다 예시 저는 해당 수식을 Z_UNIT_FORMAT_TO_NUMBER 라는 함수로 등록했습니다 함수 등록 방법1. 데이터 → 이름이 지정된 함수 2. 오른쪽 패널에서 '새 함수를 추가합니다' 클릭 3. 함수 내용 입력함수 등록 정보함수 이름Z_UNIT_FORMAT_TO_NUMBER함수 설명금액 단위 "n경 n조 n억 n만"을 숫자로 변환한다.인수 (이름 변경 금지)input_text수식=LET(_v, REGEXREPLA..
SVG 추가 방식 비교 & CSS 접근 & JavaScript 내부 객체 접근 방법
목차SVG 추가 방식에 따른 차이점SVG 추가하는 방법CSS 접근 방법JavaScript로 SVG 안의 객체 접근 1. SVG 추가 방식에 따른 차이점방법DOM 접근 가능CSS 접근SVG애니메이션DOM 접근시CORS 제한 비고추천가능가능가능보안정책(CORS) 제한 가능성getSVGDocument()로 접근 X fetch() + innerHTML background-image[참고]SVG 파일을 data URI scheme 코드로 변환해주는 사이트https://bloggerpilot.com/en/tools/svg-to-css//* (1) url 경로 지정하는 방법 */.image { background-image: url('image.svg'); width: 100px; height: 100px;..
AutoHotKey v2 SDebug : 변수 디버깅 클래스
AutoHotKey는 윈도우용 프로그램을 손쉽고 빠르게 개발할 수 있는 프로그램 개발툴입니다. SDebug 클래스는 object나 Array 등 변수 내용을 트리 형식의 문자열 정리해서 보여주는 클래스 입니다. 기본 단축키 ` (esc 아래에 있는 백틱키)를 누르면 디버그 창이 뜨고 출력한 결과 값을 볼 수 있습니다. 사용법 및 코드GitHub : https://github.com/Kaistro9/AHKv2-SDebug
[CSS] 마우스 오버시 밑줄이 왼쪽에서 나타나서 오른쪽으로 사라지는 효과
(메타 퀘스트프로 사이트에 적용된 링크 효과 구현하기) 밑줄 효과 CSS .item { position: relative; width: fit-content; cursor: pointer; } .item .label { position: relative; padding: 4px 0; font-weight: 700; font-size: 14pt; } .item .underline { position: absolute; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.25s ease-out; border-bottom: solid 1px blue; width: 100%; height: 0; } .item:hover .u..