티스토리

또치의 삽질 보관함
검색하기

블로그 홈

또치의 삽질 보관함

ddochea.tistory.com/m

시간과 삽을 연성하여 뻘짓을 만드는 놀라움을 선보이는 곳

구독자
11
방명록 방문하기
공지 (완료) SyntaxHighlight⋯ 모두보기

주요 글 목록

  • [VMWare] VMWare Fusion 에서 Windows 설치시 네트워크 이슈 해결 VMWare Fusion 에서 Windows 11 설치 과정에서 네트워크 연결 여부를 확인하는 단계가 있는데, 해당 단계를 건너뛸 수 없어 설치를 못하는 경우아래 단계에서 드라이버 이슈로 진행이 안될 수 있다. 이 경우 Shift + F10 키를 눌러 cmd 창을 연 뒤 `OOBE\BYPASSNRO`를 입력 후 엔터를 눌러 설치과정을 재수행하면 된다. 재수행한 단계에선 인터넷에 연결되어 있지 않음 메뉴가 표기된다. 해당 버튼을 눌러 다음 단계를 수행할 수 있다. 설치완료 후 인터넷을 사용할 수 없을 때앞서 단계에서 드라이버 이슈로 Windows 11을 설치에 어려움을 겪은 사람들이 이어서 겪을  수 있는 문제이다. 이 경우 VMWare Tools을 설치하면 해결 될 수 있다. Mac OS 상단에 있는 F.. 공감수 0 댓글수 2 2024. 11. 23.
  • [golang] WebAssembly 빌드시 expected magic word 00 61 73 6d go 공식 웹 어셈블리 wiki 문서(https://go.dev/wiki/WebAssembly)에서 실행시 magic word 00 61 73 6d 가 나올 경우,windows 파워쉘 환경에서 하고 있다면 GOOS, GOARCH 변수설정을 잘못한 것일 가능성이 있다.$ GOOS=js GOARCH=wasm go build -o main.wasm 위 명령어를 아래와 같이 수행.$env:GOOS="js"$env:GOARCH="wasm"go build -o main.wasm main.go 공감수 0 댓글수 0 2024. 8. 23.
  • [css] animation 재생을 다시 실행할 수 있도록 처리 css animation을 특정 이벤트가 발생할 때마다 재생시키고 싶을 때 아래와 같이 작성하는 케이스가 있다. play  위 예제에서 버튼을 누르면 100px * 100px의 빨간색 박스가 아래로 이동했다가 원위치될것이다. 그런데 처음 버튼을 눌렀을 땐 정상동작하는데, 두번째부터는 정상동작하지 않는다. 이 경우 아래와 같이 소스를 수정하면 된다.  play  이유는 html 태그의 구조나 다시 랜더링할 속성 변경이 없어서 브라우저의 리플로우(reflow) 및 리페인트(repaint)가 일어나지 않아서인데, offsetWidth과 같이 읽기만해도 리플로우(reflow)를 유발시키는 속성을 호출하여 이를 해결할 수 있다. What forces layout/reflow. .. 공감수 0 댓글수 0 2024. 8. 11.
  • [winget] 소스를 열 때 실패했습니다. 문제가 계속되면 'source reset' 명령을 사용해 보십시오. 발생시 확인사항 PC를 새로 세팅하고 winget 으로 필요한 프로그램을 설치할 때 아래와 같은 메시지가 발생했다. 소스를 열 때 실패했습니다. 문제가 계속되면 'source reset' 명령을 사용해 보십시오.Failed when opening source(s); try the 'source reset' command if the problem persists.An unexpected error occurred while executing the command:0x8a15000f : Data required by the source is missingAdministrator 에서 source reset 을 수행해봐도, source update를 수행해봐도 해결되지 않았다.그나마 github에서 검색한 아래 방법을 사용.. 공감수 1 댓글수 0 2024. 7. 31.
  • [Windows Terminal] 윈도우 터미널 실행 명령어 (wt) cmd, powershell 및 사용자 추가에 의해 설치가능한 Linux Subsystem, powershell Core는 Windows Terminal 이란 프로그램에서 통합 관리할 수 있다. 해당 프로그램은 최신 Windows 11부터 기본 설치되어있다. CLI 또는 '실행(Win+R)'에서의 실행명령어는 아래와 같다. > wt 기본적인 실행명령에 옵션을 통해 추가적인 작업도 사용할 수 있다. 관련해선 아래 링크에서 확인 가능하다. Windows 터미널 명령줄 인수 | Microsoft Learn Windows 터미널 명령줄 인수 Windows Terminal에 대한 명령줄 인수를 만드는 방법을 알아봅니다. learn.microsoft.com powerhsell 에서 관리자 모드로 전환하고 싶을 때 .. 공감수 0 댓글수 1 2023. 11. 12.
  • [Window] Windows 11 에서 Powershell 을 통해 사용자 폴더 이름 변경 방법 Windows 11은 설치시 인터넷 연결과 MS 계정을 강제한다. 그리고 해당 계정 이름설정에 따라 C:\Users 하위 폴더명이 정해지는데, 길이가 길면 설정이름이 온전히 사용되지 않고 잘려서 설정된다.이를 해결하기위해 아래와 같은 블로그 게시글에서 Administrator와 레지스트리를 건드려봤을 것이다. Windows 10 사용자 폴더 이름 변경하기 : 네이버 블로그 (naver.com)윈도우10 사용자 폴더 이름을 변경하는 방법 (tistory.com) 해당방법은 MS계정 로그인으로 강제된 Windows 11 기준의 사람들에겐 바탕화면 경로 오류와 작업표시줄 설정이 불가능해지는 등 여러 이슈가 발생했을 수 있다. 설정 이슈가 발생했거나, 처음부터 제대로 설정하길 원한다면 아래 방법을 시도해보자. .. 공감수 4 댓글수 1 2023. 10. 25.
  • [Github Copilot] Github Copilot Chat 미리 보기 어느날 문득 Github에서 메일을 한 통이 날라왔다. Welcome to the Copilot chat private beta! You're off the waitlist and can start using Copilot chat. Getting Started Here are the instructions to get started: Before starting, please make sure that the GitHub ID you intend to use has an active subscription to GitHub Copilot and matches the ID that you used to join the GitHub Copilot chat waitlist. 잊고 있었던 Gopilot cha.. 공감수 1 댓글수 0 2023. 5. 24.
  • [Design] SVG 아이콘 사이트 icon-sets.iconify.design 소개 https://icon-sets.iconify.design/ Icon Sets • Iconify Thousands of icons, one unified framework. icon-sets.iconify.design 검색결과 에 맞는 svg 아이콘의 path 값을 찾을수 있으며 next, nuxt, sveltekit 에서 npm 패키지 방식을 통해 설치하여 사용할 수 있는 방법도 제공하는 라이브러리이자 무료 아이콘 사이트이다. 검색한 아이콘 중 마음에 드는 아이콘 선택 후, 하단의 Code for 영역에서 SVG를 직접 선택하여 사용하거나, 개발 플랫폼에 맞는 npm 패키지 가이드에 따라 사용할 수 있다. 무료라고해서 제공되는 모든 아이콘이 제한없는 무료는 아니다. 아이콘 제작자는 따로 있기 때문에 라.. 공감수 0 댓글수 0 2023. 3. 6.
  • [DevContainer] 컨테이너 환경에서 Vite의 hot reload가 안될 경우 (with VSCode, svelte) 일반적인 로컬환경에서는 잘 동작하는 vite hot reload가 sveltekit 프로젝트를 devcontainer 내에서 코딩 및 디버그를 할 때제대로 동작하지 않고 매번 npm run dev 명령어로 새로 실행해줘야 수정사항이 반영되는 현상이 있었다. 해결방법은 로컬에 있는 소스코드를 bind 방식이 아닌, volume 으로 동작해야하는데, 이렇게 되면 빌드 후 생성된 volumne이 빈 volumne이 된다. // See https://containers.dev/implementors/json_reference/ for configuration reference { "name": "Node.js with firebase", "build": { "dockerfile": "Dockerfile" }, .. 공감수 1 댓글수 0 2023. 2. 23.
  • [Docker] docker endpoint for "default" not found 발생 시 해결 devcontainer 환경에서 구성한 docker-compose build 과정에서 docker endpoint for "default" not found 라는 메시지가 나타났다. Windows의 경우 아래와 같이 시도해보라고 한다. 1. .docker 폴더 삭제 말그래도 개인폴더 및에 있는 .docker 폴더를 삭제해보라고 한다. 일반적인 설정으로 Windows OS를 설치했다면 아래와 같은 경로에 자신의 .docker 폴더를 찾을 수 있을 것 이다. C:\Users{유저폴더명}.docker 2. docker 재실행 pwsh 기준으로 아래와 같이 재실행하거나, 그냥 시스템 tray 아이콘에서 restart 눌러주면 된다. $processes = Get-Process "*docker desktop*" .. 공감수 0 댓글수 0 2023. 2. 15.
  • [디자인 패턴] 디자인 패턴을 그림으로 쉽게 설명한 사이트 소개 (refactoring.guru) 디자인 패턴에 대해 도입 필요성과 예시를 재밌는 이미지로 쉽게 설명해준 사이트이다. 이전부터 여러 언어로 지원했었는데 정식한국어도 나와 보기 더욱 편해졌다. 아직 리팩터링 부분은 한글화가 안되었지만 디자인 패턴만으로도 내용이 상당히 좋다. https://refactoring.guru/ko/ 리팩터링과 디자인 패턴 Hello, world! Refactoring.Guru는 리팩토링, 디자인 패턴, SOLID 원칙 및 기타 스마트 프로그래밍 주제에 대해 알아야 할 모든 것을 쉽게 찾을 수 있는 자원입니다. 이 사이트에서는 이러한 모든 주제가 어 refactoring.guru 아래 예제는 싱글톤 패턴에 대한 설명을 이미지로 표현하였다. 보라! 이 얼마나 적절한 표현인가!? 글자와 소스만으로 공부하던 것 보다 더.. 공감수 0 댓글수 0 2022. 12. 27.
  • [Github Codespace] Codespace 생성 시 필요 확장 자동 설치 되도록 구성 Visual Studio Code의 확장은 고유한 확장ID (Extension ID)를 가지고 있다. 확장에서 톱니바퀴를 누르면 해당 ID를 복사하여 확인할 수 있다. VSCode를 CLI 기반으로 설치할 때 해당 값을 이용해 확장도 함께 설치할 수 있도록 처리할 수 있는데, Codespace에서도 이것을 이용해 개발환경 생성시 확장도 함께 설치할 수 있도록 구성할 수 있다. 아래는 지난번 생성했던 devcontainer.json 파일에 vscode 확장을 설치 할 수 있는 구성을 추가한 내용이다. image가 이전과 달리 base:ubuntu로 되어 있는데 필요한 항목만 설치하여 Codespace 구축시간을 단축하고자 바꾼 것이므로 이번 내용과는 무관하다. { "image": "mcr.microsoft.. 공감수 0 댓글수 0 2022. 12. 23.
  • [Github Codespace] Codespace + DevContainer로 Cloud 개발환경 구축 맛보기 Github 에선 Codespace 라 불리는 클라우드 기반 개발환경을 한도내 무료로 제공하고 있다. 갤럭시탭이나 아이패드에서 웹으로 vscode를 사용할 수 있어 유용하나, 출시초기엔 유료였다. 그러나 Gitpod나 code-server와 같은 클라우드 개발환경이 여럿 나오다보니 정책이 좀 바뀐 듯 하다. 1달 기준으로 일정 사용량을 넘지만 않으면 무료로 사용할 수 있다. 추가방법은 간단하다. Github 사이트에서 자신의 리포지토리에 Code 를 눌러 확인할 수 있다. 별도의 설정없이 + 버튼을 바로 누르면 개발환경 준비작업을 시작한다. 컨테이너 image를 내려받고, 환경을 세팅하기까지 몇 분정도 소요되며, 기다리고나면 vscode 와 동일한 인터페이스의 웹 기반 개발환경을 확인할 수 있다. 기본적.. 공감수 0 댓글수 0 2022. 12. 22.
  • [zsh] zsh에 oh my posh 설치하기 (oh my zsh 아님) oh-my-posh는 powershell을 예쁘게 꾸며주는 도구로 잘 알려져 있지만, 사실 mac에서 사용하는 zsh 에서도 사용 가능하다. 아래 스크립트를 .zprofile 파일에 추가하면 쉽게 적용할 수 있다. 사전에 oh-my-posh가 설치되어 있어야 한다. (brew를 이용한 설치 방법 : https://formulae.brew.sh/formula/oh-my-posh) export POSH_THEME={테마 파일 경로} export POWERLINE_COMMAND="oh-my-posh" export CONDA_PROMPT_MODIFIER=false # set secondary prompt PS2="$(/opt/homebrew/bin/oh-my-posh print secondary --config.. 공감수 0 댓글수 0 2022. 8. 13.
  • OLTP, OLAP 쉽게 이해하기 OLTP OLAP 데이터 처리방식 데이터를 row 기준으로 처리/조회 데이터를 column 기준으로 처리/조회 목적 및 용도 어떤 개체에 대해 상태값을 바꾸는 일이 많을때 Log성 데이터. 특정 속성에 대해 Sum, Avg, 추이 확인 교과서적인 설명만으론 잘 이해가 되지 않던 내용을 정리하니 이렇게 간략해지네 -_-;; 공감수 0 댓글수 0 2022. 5. 25.
  • [Azure Data Studio] 실행 계획 버튼 보이게 하기 SQL Server Management Studio(이하 SSMS)는 별 다른 설정 없이 실행계획을 볼 수 있었으나, Azure Data Studio 에는 아래와 이미지와 같이, workbench.enablePreviewFeatures 옵션을 체크해줘야 한다. [설정 전] [설정 후] 공감수 0 댓글수 0 2022. 5. 15.
  • [Gitpod] 무료 브라우저 기반 VSCode 개발환경 GitPod 소개 브라우저환경에서 개발하는 셀프호스팅 방식의 서비스 `code-server`를 찍먹해본적이 있었다. code-server 자체는 무료지만, 별도의 서버가 필요하다. 이번시간에 소개하는 서비스는 개인개발자 한정으로 무료 사용이 가능한 Gitpod를 소개한다. https://www.gitpod.io/ Gitpod - Always ready to code Gitpod streamlines developer workflows by providing prebuilt, collaborative developer environments in your browser - powered by VS Code. www.gitpod.io 사용방법은 아주 간단하다. 가입하고, 리포지토리를 불러와서, workspace를 만들면 끝이.. 공감수 2 댓글수 0 2022. 2. 5.
  • [HTML & CSS] 열(Column)만 고정처리 예제 테이블 태그에서 첫번째 열 고정처리 예제 이름 {{ j }} OOO {{ i }} 결과 HTML 삽입 미리보기할 수 없는 소스 공감수 0 댓글수 0 2022. 1. 22.
  • [HTML & CSS] 말줄임표 예제 this text not show all. 결과 HTML 삽입 미리보기할 수 없는 소스 공감수 0 댓글수 0 2022. 1. 22.
  • [VSCode] 특정 문자를 찾아 개행하는 미세먼지팁 아래와 같은 문자를 다음과 같이 바꾸고 싶을때가 있다. [변경전] 1,2,3,4,5,6,7 [변경후] 1, 2, 3, 4, 5, 6, 7 VSCode는 아래와 같이 쉽게 바꿀 수 있다. 공감수 4 댓글수 1 2021. 12. 26.
  • [VSCode] remote-ssh 로 연결 안 될 때 확인할 사항 VSCode는 개발도구는 물론 서버도 편리하게 관리할 수 있도록 원격 지원 확장툴을 제공한다. 명령어로는 동작하는 SSH가 개발도구에선 안될때가 있다. 그럴 경우 저장된 연결정보인 `config` 파일을 열어 IdentityFile의 경로를 확인하도록 하자. `config` 파일경로는 Windows의 경우 C:/Users/{유저폴더}/.ssh/ 에 있다. ssh 명령어로 연결할때 자동으로 상대경로가 설정될 수 도 있다. shell 상에선 이상없으나, VSCode에선 Key 파일을 못 찾을 수 있으므로 절대경로로 변경해줘야 한다. 만약 cmd 나 shell에서도 ssh 연결이 안되는 문제라면 아래 포스트를 참고하도록 하자. [SSH] Windows OS에서 SSH 연결시 bad owner or permis.. 공감수 3 댓글수 0 2021. 11. 21.
  • [WASM] WSL-Ubuntu에 emscripten 설치 emsscripten 은 c, c++로 작성한 소스코드를 최신 web browser에서 사용할 수 있는 wasm 형식으로 build/porting 해주는 도구이다. 해당 사이트에 접속하면 설치 방법 및 튜토리얼이 있는데 막히는 점이 있어 정리할 겸 작성한다. 아래 방법은 Windows WSL - Ubuntu 20.04를 기준으로 진행하였다. 1. emsdk 다운로드 git 명령어로 emsdk 소스를 다운로드 받은 후 해당 경로로 이동한다. WSL - Ubuntu 20.04의 경우 git 명령어가 기본 설치되어 있다. 만약 없을 경우 설치하기 바란다. # Get the emsdk repo git clone https://github.com/emscripten-core/emsdk.git # Enter tha.. 공감수 0 댓글수 0 2021. 11. 15.
  • [code-server] 서버기반 개발환경으로 vscode를 실행하는 code-server 소개 지난시간엔 MS의 vscode.dev를 소개하는 글을 올렸었다. 브라우저에서 vscode를 사용할 수 있어 어떤 디바이스를 사용해도 소스코드를 수정하거나 확인할 수 있지만, 터미널이나 실제 코드를 디버깅하는 기능은 사용할 수 없다는 단점이 있었다. 이번시간에는 비록 MS에서 직접 개발한 것은 아니지만, 서버 비용외 별도 사용량은 없는 MIT 기반 개발환경 구축 플랫폼인 code-server를 소개한다. https://github.com/cdr/code-server GitHub - cdr/code-server: VS Code in the browser VS Code in the browser. Contribute to cdr/code-server development by creating an accoun.. 공감수 1 댓글수 0 2021. 10. 31.
  • [vscode.dev] 브라우저 기반 에디터 vscode.dev 소개 무료 개발 툴 중에서 가장 인기가 많다고해도 과언이 아닌 코드 에디터 vscode의 웹 브라우저 버전이 정식으로 나왔다. 최신 브라우저에서 https://vscode.dev 를 접속하면 확인할 수 있다. 브라우저에서 동작하기 때문에 갤럭시탭이나 아이패드와 같은 테블릿이나 휴대폰에서도 접속하여 사용이 가능하다. 물론 접속한 브라우저와 기기OS의 상황에 따라 로컬 프로젝트 사용가능 유무가 갈리며, 디버깅에 제약이 있다. 이번시간엔 일반적인 PC 환경 외, 테블렛에서도 적용 가능한 방법으로 vscode.dev 를 맛보기로 한다. 1. Github에서 리포지토리 만들기 기능을 제대로 사용하기위해선 Github 계정이 필요하므로 가입이 선행되어야 한다. Github에서 신규 리포지토리를 만든다. 2. vscode.. 공감수 0 댓글수 0 2021. 10. 23.
  • [CRC] CRC parity bit 계산 사이트 https://www.lammertbies.nl/comm/info/crc-calculation?crc=123456789&method=ascii On-line CRC calculation and free library - Lammert Bies On-line CRC calculation sheet. Free CRC routines downloadable. Covers CRC-16, CRC-32, CRC-CCITT, DNP, Sick and other routines. www.lammertbies.nl 대략 10년 전 설비관제, 제어 업체를 다니던 시절에 parity bit 체크 테스트를 위해 접속했던 사이트로 기억한다. 또 찾을 일은 없겠지만 필요한 사람이 있을 듯 하여 링크를 올려둔다. 공감수 0 댓글수 0 2021. 9. 25.
  • [WSL2] WSL Ubuntu에 실행한 Web이 host OS에서 localhost로 접속이 안되는 현상을 해결하는 간단한 방법 이전에 WSL 기반 React 프로젝트가 npm start 명령어로 dev 서버를 실행해도 안되는 현상이 있어 해결방법을 기록해 둔적이 있었다. https://ddochea.tistory.com/140 이번엔 더 간단한 방법이 있어 기록해본다. vscode 실행전, Host OS에서 cmd에 아래 명령어를 실행한다. wsl --shutdown 그 다음 wsl vscode를 실행하면 된다. 그 뒤 localhost 접속가능여부를 확인해보도록 하자. (만약 안된다면, https://ddochea.tistory.com/140 를 시도해보도록 하자) 공감수 0 댓글수 0 2021. 5. 20.
  • [디자인] CSS, Mobile App 개발시 유용한 사이트 모음 웹 프론트엔드영역 개발시 필요한 사이트나 도구를 링크로 보관하고자 정리한 포스트 1. 구글 폰트(Google Fonts) 웹 폰트 및 아이콘 제공 및 검색할 수 있는 사이트. 구글에서 제공한다. fonts.google.com Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. Figma 목업(Mockup) 디자인 개발에 유용한 툴. 만든 디자인을 css, svg 로 export 할 수 있다. www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design.. 공감수 0 댓글수 0 2021. 5. 9.
  • [html] input file 태그를 커스터마이징하려면 label 태그를 이용해야 한다. input 태그는 그 자체로 디자인을 적용하기 까다로운 점이 있다. 따라서 디자인을 적용하고 싶다면 input 태그는 display: none; 으로 숨기고, label 태그를 연결한 뒤, label 태그에 CSS를 적용해야 한다. 아래는 input file tag와 label tag를 이용하여, 128 * 128 크기의 영역을 눌러 file 선택 창을 띄우는 방법 예시이다. css style 이 조금 가미되었지만 크게 중요하진 않다. 클릭하세요. 결과는 아래와 같이 나온다. 클릭하면 OS에 기본제공되는 파일 선택 화면이 표시된다. 공감수 0 댓글수 0 2021. 5. 3.
  • [WSL2] WSL Ubuntu에 실행한 Web이 host OS에서 localhost로 접속이 안되는 현상을 해결하는 무식한 방법 보다 간단한 방법을 https://ddochea.tistory.com/153 에 작성했습니다. 해당 방법을 먼저 시도해보시고, 안될경우 본 포스트 방법을 시도해보시기 바랍니다. WSL에 React 프로젝트를 생성하고 웹 접속을 테스트해보았다. 그런데 기본 접속 정보인 http://localhost:3000 로 접근이 되지 않았다. IP를 입력해서 접근할 순 있겠지만, 이렇게 되면 "Debugger for Chrome"을 통한 React 프로젝트 디버깅을 수행할 수 없다. 해결법을 찾았으나, 상당히 무식한 방법이었다. 만약 다른 네트워크 설정이 포함되어있다면 시도하지 않는 것을 추천한다. 1. 설정 이동 Windows 검색창에서 설정(Settings)를 찾아 연다. 2. 네트워크 및 인터넷(Network .. 공감수 0 댓글수 0 2021. 4. 25.
  • [Web] querystring을 이용한 캐시 무시(cache busting) 요청은 javascript나 css같은 contents 에 한정된다. 그저께 ASP.NET Core에서 캐싱을 활용하는 방법과 예제를 간략하게 다뤘었다. (ddochea.tistory.com/132) 그리고 오늘 관련해서 친구에게 문의가 왔었다. "querystring 값 다르게 하면 캐시 무시할 수 있냐?" 그 질문에 나는 당당하게 "ㅇㅇ" 이라고 대답했다. 왜냐하면 오래 전에 javascript가 캐싱된 일부 브라우저에 수정된 javascript를 일괄적용시킬 수 있도록 사용한 방법이 querystring 을 추가하고, 필요할때마다 값을 바꿔주는 것으로 해결했기 때문이었다. 이것을 "cache busting" 이라고 한다. What is cache busting? · Curtis Timson What is cache busting? · Curtis Timson A ca.. 공감수 4 댓글수 0 2021. 4. 14.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.