본문 바로가기

프로그래밍

 (17)
[리눅스].desktop 파일이란? - 실행가능한 바로가기 만들기 - 우분투 24.04 지난 시간에서 우분투에서 분수 스케일링을 사용하는 경우 화질이 깨지는 문제를 해결하는 방법에 관해 이야기했었습니다.그중에서 .desktop 관련한 설명이 조금 부실했던 것 같아 조금 보충하고자 합니다.1. Desktop Entry(.desktop) 파일이란?2. Desktop Entry(.desktop) vs 심볼릭 링크(soft link)3. .desktop 파일의 일반적인 경로4. 바탕화면에서 사용하고 싶을 경우5. 참조1. Desktop Entry (.desktop) 파일의 개념먼저, .desktop 파일은 desktop entry 파일이라고도 불리며 실행파일에 대한 바로가기 파일을 정의하는 구성파일이라고 보시면 됩니다.자세히 설명하자면 이름, 실행할 파일(혹은 명령)의 경로, 실행 시 옵션, 아이..
[우분투]분수 스케일링 사용 시 VSCode 흐림 현상 해결하기 - Ubuntu 24.04 LTS 저난 글에서는 우분투에서 분수 스케일링을 사용하면 크롬이 흐려지는 문제를 해결하는 방법을 알아보았습니다.오늘은 저번과 비슷한 문제를 해결하는 법을 다루고자 합니다. VSCODE는 크롬처럼 간단한 설정을 제공하지 않아 다른 방법으로 해결해야 합니다. 오늘 소개할 방법은 간단하며 다른 프로그램에도 사용할 수 있는 방법입니다.해결방법해결 방법은 간단합니다. 아래 명령어와 같이 터미널에서 VSCode를 실행할 때 옵션을 추가하면 됩니다.code --ozone-platform-hint=wayland --enable-wayland-ime --wayland-text-input-version=3 하지만 매번 터미널을 켜 명령어를 입력하여 사용하기에는 생각보다 귀찮은 일입니다.그럴 땐 다음 방법을 사용하시면 됩니다.바로..
[우분투]분수 스케일링 사용 시 크롬 흐림 현상 해결하기 - Ubuntu 24.04 LTS 오늘은 우분투 환경을 세팅하면서 생긴 문제에 관해 이야기해보려고 합니다. 저는 최근 서버 컴퓨터를 윈도우 운영체제에서 우분투로 바꾸었는데 하나 둘 이것저것 세팅하는 중 문제가 발생했습니다.27인치 QHD 모니터를 사용 중이었는데 화면이 너무 작아 스케일링을 통해(배율 설정) 눈에 편하게 세팅을 하니 크롬이 흐려지는 문제가 발생하였던 것이었습니다. 이를 해결하기 위해 여러가지를 시도해 보았고 가장 효과적이었던 방법 몇 가지를 소개해드리려고 합니다. 1. 문제가 발생한 경위2. 시도해본 해결법..2-1. 분수 스케일링을 사용하지 않기..2-2. 정수 스케일링을 사용하며 해상도를 낮추는 방법으로 균형을 찾기..2-3. 크롬에서 별도의 설정하기3. 결론4. 참조1. 문제가 발생한 경위문제가 발생한 상황을 자세히..
[원격 데스크톱]라이선스 구매없이 VirtualHere을 외부망(데이터)에서 사용하기 저번 글에 따르면 VirtualHere 체험판(Free Trial)의 경우, 외부망에서는 사용을 할 수 없으며,외부망에서 사용하고자 한다면 라이선스를 구매해야 합니다. 하지만 라이선스 구매 없이 사용할 수 있는 방법이 있습니다. 바로 VPN인데요, VPN이 무엇이냐? 서로 다른 네트워크에 있는 기기를 마치 하나의 네트워크에 있는 것처럼 쓸 수 있게 해줍니다. 즉, VPN을 사용해 주면 서버와 클라이언트 단말이 같은 내부망 취급이 되어 VirtualHere을 사용할 수 있게 됩니다. 오늘은 VPN을 활용해 라이선스 구매없이 VirtualHere을 외부망에서 사용해 보도록 하겠습니다. 1. 배경지식..(1-a) VPN이란?2. VPN 설치하기..(2-a) VPN의 종류..(2-b) VPN 설치3. Virtu..
[원격 데스크톱]한/영키가 안될 때 해결법_VirtualHere 사용법 우리는 Moonlight, 파섹, RDP, 점프데스크톱 등 여러 가지 프로그램을 활용해서 원격데스크톱을 하는데. 하지만 다양한 원격 데스크톱 프로그램에도 불구하고 공통적으로 가지고 있는 문제점이 있는데.. 바로 키보드나 마우스 등의 입력이 내 마음대로 안 되는 경우가 있습니다. 주로 많이 겪는 문제로는 한/영 키나 ALT키, 윈도우 키가 잘 입력이 안 되는 경우 등이 있습니다. 이를 해결하기 위해서는 키매핑, VirtualHere과 같은 프로그램 사용하기 등의 방법이 있는데, 우리는 VirtualHere이라는 프로그램을 사용해서 해결해 보도록 하겠습니다. 1. 배경지식 ..(1-a) VirtualHere이란? ..(1-b) USBIP Project란? 2. 설치 및 사용 방법 ..(2-a) 원격 클라이언..
[티스토리][JS]코드블럭 VSCode처럼 꾸미기(6)_적용하기 오늘 할 내용 및 서론 지난 시간에 만들었던 CSS를 이용해 직접 티스토리 사이트에 적용해 보도록 하자. codehead의 HTML 코드 우리는 지난 시간에, 기존의 코드블럭부분의 위에다 codehead(신호등 부분)을 붙이는 방식으로 방향을 잡았었다. 위 이미지를 바탕으로 수정하게 된다면, 아래의 코드(codehead)가 기존 코드의 윗부분, 즉 앞부분에 붙을 것이다. HTML수정하기(JavaScript 이용) 이제 codehead 부분이 완성되었으니, 이를 기존의 코드블럭 앞부분에 붙여줄 차례이다. HTML의 코드를 바꾸기 위해서는 요소.outerHTML 을 통해 수정이 가능하다. (요소.outerHTML 은 해당하는 요소의 태그 값을 전부 가져온다. 반대로 innerHTML은 해당요소를 제외한 내부..
[티스토리][JS]코드블럭 VSCode처럼 꾸미기(5)_CSS스타일 만들기 오늘 할 내용 및 서론 저번시간에 분석했던 디자인을 실제 코드로 옮기는 과정 중 하나인 CSS작성을 진행해 보도록 하자. 먼저, 아래의 글에서 우리는 코드블럭이 pre> code 부분에 해당한다는 사실을 알아냈었다. (또한 pre의 클래스는 사용언어의 종류, code의 클래스는 hljs 인 것도 확인이 가능했다) 해당하는 부분의 CSS 스타일은 어떻게 구성되어 있는지 확인해 보자. 2023.05.03 - [프로그래밍] - [티스토리][JS]코드블럭 VSCode처럼 꾸미기(2)_코드블럭분석하기 [티스토리][JS]코드블럭 VSCode처럼 꾸미기(2)_코드블럭분석하기 오늘 할 내용 요약 및 서론 먼저 본격적인 코딩에 앞서 티스토리의 코딩블럭은 어떤 구조로 이루어져 있는지 살펴보는 시간을 갖도록 하겠다. 웹사이..
[티스토리][JS]코드블럭 VSCode처럼 꾸미기(4)_디자인 분석 오늘 할 내용 및 서론 코드블록에 사용할 디자인을 만들기 위해서 비주얼스튜디오코드(VSC)의 디자인 양식을 분석해 보도록 하자. VSC CodeSnap 디자인분석 위 그림은 비주얼스튜디오코드(VSC)의 CodeSnap 디자인이다. 색상추출 먼저 색상을 알기 위해서 가장 간단한 도구인 그림판을 사용할 예정이다. 그림판으로 색상추출해 보면 검은 배경의 색상은 rgb(30,30,30), 빨간색은 rgb(255,95,90), 주황색은, rgb(255,190,46), 초록색은 rgb(42,202,68), 줄 숫자 표기의 색상은 rgb(133,133,133)이다. 요소들의 위치 및 간격 각 요소들의 간격 및 위치 등을 알기 위해서 그림판을 사용해 보도록 하자. 모서리 부분은 8픽셀*8픽셀 크기의 둥근 꼴을 가지고 ..

티스토리툴바