'분류 전체보기'에 해당되는 글 187건

공용PC를 자주 사용하거나, 공용PC가 아니더라도 사무실, 학교, 노트북 등 여러개의 개인 컴퓨터를 사용해야만 하는 사람들은 Portable 타입으로 어플리케이션을 사용하면 편리하다.
오늘은 Visual Studio Code를 포터블로 사용하는 방법에 대해서 알아본다.

일반적인 포터블 어플리케이션은 PC에 설치한 후 전용툴을 이용하여 포터블化 한다. 그래서 보통 다른 사람들이 만들어서 공유하는 것을 다운받아 사용하게 되는데 VS Code의 경우는 아주 간단하게 포터블로 만들 수 있다.

1. VS Code를 .zip 파일로 다운로드 받는다.

2. 압축을 푼다.

3. 압축이 풀린 폴더 안에 data 폴더를 만든다.

4.  Code.exe를 한번 실행한다. (실행하고 나면 data폴더에 자동으로 user-data와 extension 폴더가 생성된다.)

5. usb에 담아 가지고 다니면서 아무데서나 사용한다.

끝.

폴더 구조를 살펴보면 다음과 같다.

통상 압축을 풀면 자동으고 .zip파일의 파일 이름의 폴더에 압축을 풀어준다.

굵게 표시된 것이 폴더이다.

|- VSCode-win32-x64-1.25.0-insider

|   |- Code.exe

|   |- data

|   |- ...

만일 지금까지 사용하던 플러그인이나 세팅값을 포터블에도 적용하고 십다면 다음 경로에서 user-data와 extensions 폴더를 복사해서 방금 만든 data 폴더에 넣는다.

user-data : 탐색기 주소창에 다음 주소를 복사해 넣으면 해당폴더로 이동한다. 여기에 있는 모든 파일과 폴더를 포터블의 user-data에 복사해 넣는다.

%APPDATA%\Code 

extensions : 탐색기 주소창에 다음 주소를 복사해 넣으면 해당폴더로 이동한다. 여기에 있는 모든 파일과 폴더를 포터블의 user-data에 복사해 넣는다. 

%USERPROFILE%\.vscode\extensions

|- VSCode-win32-x64-1.25.0-insider

|   |- Code.exe

|   |- data

|   |   |- user-data

|   |   |   |- ...

|   |   |- extensions

|   |   |   |- ...

|   |- ...

(feat. VS Code 설정값 백업 방법)

자신이 사용하던 Code의 환경설정을 모두 백업하려면 %APPDATA%\Code와 %USERPROFILE%\.vscode\extensions 의 데이터를 복사해 두었다가 새로 code를 설치하면 복사해둔 경로에 복사해 주면 된다.

하지만 sync기능을 이용하면 더욱 편리하다. 이 전에 포스팅한 글을 참고하기 바란다.

 [ VS Code ] Visual Studio Code의 설정값을 동기화하는 방법

리눅스를 윈도우 등과 멀티부팅할 경우 리눅스를 마직막으로 설치하는 것이 일반적임으로, 부트로더는 리눅스의 부트로더인 Grub를 사용하게 된다. 이 경우 기본 부팅순서는 리눅스 다음에 윈도우 등이 나오게 된다.
이 부팅 순서를 바꾸고자 한다면 다음과 같이 Grub를 수정해 주면 된다.
* 멀티부팅과 관련된 사항은 '[ ubuntu ] Windows와 Linux의 멀티부팅'을 참고.

우분투에서는 GNU프로젝트의  부트로더인 GRUB를 사용한다.
이 GRUB의 부팅 우선순위를 바꾸면 원하는 OS를 먼저 부팅할 수 있다.

1. 먼저 부팅을 할때 부팅 리스트를 확인한다.
필자의 경우 Ubuntu와 Window10 이 설치되어 이고 부팅시 부트메뉴는 다음과 같이 표시된다.

*Ubuntu Ubuntu용 
고급 설정 
Memory test (memtest86+) 
Memory test (memtest86+, serial console 115200) 
Windows 10 (loader) (/dev/sda1에 있는)

*(스타)표시가 있는 Ubuntu가 먼저 부팅이 되도록 세팅되어 있다.
여기서 Windows 10에 *(스타)표시를 옮겨 윈도우가 먼저 부팅되게 하면 된다.
현재 윈도우는 5번째 줄에 있기 때문에 *Ubuntu를 0으로 시작하면 윈도우는 4가 된다. Grub를 수정하여 4를 default로 해주면 윈도우가 우선 부팅되게 된다.

2. 다음과 같이 명령어를 실행하여 grub를 에디터로 open한다. 필자의 경우는 vi에디터를 사용했다.

$sudo vi /etc/default/grub

문서가 open되면 상단에 다음과 같은 문구를 확인할 수 있다.

GRUB_DEFAULT=0 
#GRUB_HIDDEN_TIMEOUT=0 
GRUB_HIDDEN_TIMEOUT_QUIET=true 
GRUB_TIMEOUT=10 
GRUB_DISTRIBUTOR=`lsb_release -i -s 2> /dev/null || echo Debian` 
GRUB_CMDLINE_LINUX_DEFAULT="quiet splash" 
GRUB_CMDLINE_LINUX=""

여기서 첫번째 줄에 있는 GRUB_DEFAULT=0를 GRUB_DEFAULT=4로 수정한 후 저장한다.

3. 마지막으로 다음 명령으로 grub 업데이트를 적용한다.

sudo update-grub

위 명령을 실행하면 다음과 같은 메시지가 나타나고 업데이트를 마무리 한다.

grub 설정 파일을 형성합니다 ... 
리눅스 이미지를 찾았습니다: /boot/vmlinuz-4.13.0.37-generic 
initrd 이미지를 찾았습니다: /boot/initrd.img-4.13.0.37-generic 
리눅스 이미지를 찾았습니다: /boot/vmlinuz-4.13.0.26-generic 
initrd 이미지를 찾았습니다: /boot/initrd.img-4.13.0.26-generic 
Found memtest86+ image: /boot/memtest86+.elf 
Found memtest86+ image: /boot/memtest86+.bin 
Windows 10에서 /dev/sda1를 찾았습니다. 
완료되었습니다.

4. rebooting을 하면 윈도우에 *(스타)가 표시되고 우선 순위가 변동된 것을 확인할 수 있습니다.

Ubuntu 
Ubuntu용 고급 설정 
Memory test (memtest86+) 
Memory test (memtest86+, serial console 115200) 
*Windows 10 (loader) (/dev/sda1에 있는)

새로운 버전이 릴리즈 된다는 소식이 들려올때 마다 자주 사용하지 않는 명령어들은 매번 확인하게 된다. 하위 버전을 사용하고 있다면 다음 내용을 참고하여 터미널을 통해 간단히 업그레이드를 할 수 있다.

업그레이드 전에 update-manager-core가 설치되어 있어야 한다. 만일 설치 여부를 알 수 없거나 설치한 적이 없다면 다음과 같이 설치를 진행한다.

$ sudo apt install update-manager-core

다음 /etc/update-manager/release-upgrades의 prompt옵션이 normal로 되어 있는지 확인하고, 만일 nomal로 되어 있지 않다면 Prompt = nomal로 변경한 후 저장한다.
다음 명령으로 release-upgrades를 에디터로 열 수 있다.

$ sudo nano /etc/update-manager/release-upgrades

이제 다음 명령으로 업그레이드를 시작합니다.

$ sudo do-release-upgrade

네트워크 사정에 따라서 차이가 나지만 시간이 다소 걸린다.
업그레이드 과정에서 진행 여부 등을 묻는 과정이 있는데 모두 Y를 선택하면 무리 없이 업그레이드가 이루어 진다.

설치가 끝나면 리부팅을 하고 버전을 확인해 본다.
버전 확인 방법은 "우분투 버전 확인 명령어"를 참고하기 바란다.

Excel 문서를 사용하던 중 CPU점유율이 30%이상 올라 가면서 작업을 제대로 할 수 없을 정도로 속도가 느려지는 경우가 있다. 해결 방법은 의외로 간단하다.

이 문제의 원인은 엑셀 내부 오류로 빈 글상자가 늘어나면서 파일 용량이 커져서 나타나는 현상이다.
문서를 열고 "이동"창을 열어  빈 글상자를 찾아 제거하면 된다.
"이동"의 실행은 다음 중 하나의 명령을 사용하면 된다.
1. 메뉴바 에서 홈>찾기 및 선택>이동
2. ctrl+G
3. F5
"이동"창이 열리면 옵션버튼을 클릭한 후, 이동 옵션에서 "개체"를 선택하고 확인을 누르면 시트 화면에 빈 글 상자가 수없이 나타난다.
이때 DEL키를 눌러 삭제하고 저장하면 문제가 해결된다.

인터넷에 이와 관련된 문제 해결 방법을 검색해 보면 거의 대부분이 가상 메모리를 늘리라고 하거나 바이러스 검사를 하라고 하는 것을 볼 수 있다.
하지만 처리할 항목이 많아 CPU의 점유율이 높아지면서 생기는 문제 임으로 메모리와는 상관 없다고 보는 것이 옳을 것이다. 게다가 최근 사무용 PC의 성능이 좋아져 왠만한 PC는 가상 메모리를 2GB이상 잡고 있음으로 전혀 관계가 없다고 볼 수 있다. 바이러스 검사 하라는 답변은 주로 마이크로소프트의 공식 답변에서 많이 볼 수 있는 답변으로 도움이 되질 않는다.

필자의 경우 10년 정도 전부터 사용하는 엑셀 문서가 있었는데 1년에 한번씩 파일을 복사하여 내용만 지우고 사용해 왔다.
작년까지는 아무 문제 없던 문서가 최근에 조금씩 느려지더니 마지막에 메뉴를 선택하면 1분 여를 기다려야 할 정도로 느려져 작업이 불가능 한 상태였다.
파일의 용량은 약 3.7MB정도였으나, 요즘처럼 스토리지가 넉넉한 상황에서 한번도 용량을 확인한 적이 없었다.
용량을 확인하고는 이상하다는 생각을 했다. sheet 20개 정도에 각sheet에서 100개 정도의 cell에 데이터를 저장하고 간단한 수직과 함수를 사용하는 정도인 것에 비해 용량이 너무 크다는 생각이 들었던 것이다.

그래서 메모리나 바이러스 같은 문제가 아니라 문서에 문제 가 있을 것이라고 생각한 것이다.

결론적으로 빈 글 상자 제거 작업을 끝낸 후 3.7MB였던 파일 사이즈는 197kB로 드라마틱하게 줄어 들었고 속도도 정상으로 돌아 왔다.

만든 적도 없는 빈 글 상자는 어디서 생긴 걸까?

아마도 데이터를 복사하는 과정에서 클립보드에 복사되고, 어떤 식으로 붙여 넣기를 할 지 선택하는 과정에서 나타나는 버그로 보여진다.

[ 최종 수정: 2023년 03월 11일 ]

탐색기에서 폴더를 삭제하려고 하면 "폴더가 더 이상 존재하지 않습니다."등 이와 유사한 오류창이 뜨면서 삭제가 안되는 경우가 있습니다. 이런 경우 삭제방법에 대한 설명입니다.

1. CMD 를 실행합니다. ( ctrl + R 클릭 후 실행탕에서 cmd라고 입력하고 enter key를 누룹니다.)
2. 해당 폴더로 이동합니다. ( cd 명령으로 이동 )
3. dir /x 명령을 실행합니다. ( dir을 옵션없이 실행했을 때와는 다르게 폴더명 앞에 ~가 붙은 다른 이름이 보입니다. )
4. rmdir /s [3에서 확인한 별명] 를 실행합니다.

리눅스를 접한 경험이 있다면 "~가 붙은 다른 이름"이 무엇인지 짐작할 수 있을 것입니다.
바로 리눅스의 alias입니다.
윈도우에서는 긴 폴더명이나 파일명에 자동으로 alias를 할당합니다.
dir /x명령을 통해 alias를 확인한 후 그 alias로 삭제 작업을 진행하는 것입니다.

정해진 규칙이 없이 생각 나는 대로 코딩을 하다보면 가독성이 현저히 떨어지는 것을 알 수 있다. 이는 어떤 언어이건 마찬가지다. 이런 이유때문에 많은 많은 기업이나 개발자 들이 코딩 스타일 가이드를 제시하고 있다. 그 중 CSS의 스타일 가이드에 관해 알아보자.

1. attribute(속성) 이름순으로 정렬.
2. "attribute(속성): value(값);"의 기본 형식에서
   1) 콜론(:) 뒤 공백 1칸 뛰어 쓰기..
   2) 마지막 속성 값 뒤에 세미콜론(;) 사용.
3. Selector(선택자) 단위 개행.
4. 블럭 간 빈줄 삽입.
5. single quotation  사용.

6. value가 없을 경우 none보다 0를 사용.
7. class이름에 camel notation 보다는 hyphen(-)을 사용.
8. 블럭 주석보다 라인 주석 권장.
9. ID는 안티패턴으로 간주됨으로 사용하지 않는다.
사용하는 것 자체는 가능하지만 재사용이 불가능 하기 때문이다.

일반적인 style guide는 위와 같다.

하지만 상기 1번의 속성을 이름순으로 정렬하는 것에는 반대한다.
최근 대표적이 에디터들도 알파벳 순으로 정렬하지 않으면 귀찮은 안내 문구가 뜨기도 한다. 왜 이런 가이드가 난무 하는지는 모르겠으나 무조건 아파벳 순으로 정렬하면 가독성이 현저하게 떨어진다.
따라서 속성의 순서는 알파벳 순이 아닌 기능별로 순서를 정하는 것을 권장한다.

기능별 순서는 외형에서 상세형태의 순으로 작성한다.

모질라 파이어폭의 CSS선언 순서를 참고하면 이해가 쉬울 것이다.
1. Display & Flow
2. Positioning
3. Dimensions
4. Margins, Padding, Borders, Outline
5. Typographic Styles
6. Backgrounds
7. Opacity, Cursors, Generated Content

참고로 네이버의 CSS선언 순서는 다음과 같다.
1. display
2. overflow
3. float
4. position
5. width/height
6. padding/margin
7. border
8. background
9. color/font
10. animation
11. 기타

모질라와 네이버 방식에 큰차이는 없다.
두가지 방식의 공통점은 레이아웃>테두리>베경>글꼴>동작 순으로 작성한다는 것이다.

어떤 형식을 따라도 상관 없으나 가장 중요한 것은 가독성을 높이고, 지속적으로 사용이 가능해야 한다는 것이다.

W3C의 CSS의 유효성 검사 : http://jigsaw.w3.org/css-validator/
이 곳은 가이드 적용을 검사하는 곳이 아니라 문법적 오류가 없는지를 검사해 주는 곳이다. URL이나 파일업로드, 직접입력 방식으로 CSS의 문법을 검사해준다.

개발자 중 버전 관리를 위해 git를 사용하는 사람이 많다. shell에서 사용하면 별 신경 쓰지 않아도 되지만 GUI에 익숙한 사람들은 git 클라이언트를 사용하기도 한다.
오늘은 글로벌 개발자들이 추천하는 git 클라이언트를 소개한다.

국내에는 sourcetree가 대세지만 글로벌하게는 그렇지도 않은 듯하다.

다음은 2020년 4월 27일 현재 상황으로 SmartGit이 94표로 1위이고, sourcetree는 71표로 9위를 차지하고있다.

한 가지 주목할 만한 것은 Visual Studio Code의 인기와 힘입어서 5위에 랭크되어 있다.

그런데 다른 것들은 모두 git전문 툴인데 반해서 Code만이 전문 툴이 아닌 에디터인 것도 참 흥미롭다. 

필자도 지금까지 sourcetree만을 사용한 터라 반신반의 하면서도 이번 기회에 많은 개발자들이 추천하고 있는 다른 tool을 사용하려고 한다.

더구나 얼마전 sourcetree를 다시 설치 하면서 조금 당황스런 일이 있었다. 언제 부터인가 sourcetree를 설치할 때  bitbucket에 계정을 요구한다. 어쩔 수 없이 가입한 후 설치하기는 했지만 좀 당황스러웠다.

다음 링크에 접속해 보면 수시로 변하는 랭킹을 확인할 수 있으며, 직접 투표에 참여 할 수도 있다.

What are the best Git clients for Windows?

곰플레이어를 사용하다 보면 다시보고 싶은 부분을 기록해 두고 싶은 경우가 있다. 이런 경우 유용하게 사용되는 책갈피에 대해 알아본다.

책갈피 메뉴는 B키를 누르면 다음과 같은 메뉴가 나온다.

책갈피를 생성하기 위해서는 메뉴에 들어갈 필요없이 플레이 도중 바로 N키를 누르면 된다.
책갈피가 생성되면 플레이어 하단의 컨트롤 바에 다음과 같은 표시를 확인 할 수 있다.

책갈피를 생성한 이후에  B키를 눌러 메뉴를 보면 이전의 메뉴와는 다르게 책갈피의 썸네일을 확인할 수 있다.

책갈피를 제거 하려면  B키를 눌러 메뉴로 들어간 다음 "책갈피 편집(B)..."를 클릭하여 편집화면으로 들어가 삭제 하면 된다.

한 가지 주의할 점은 책갈피 편집화면에는 이전에 책갈피 한 것까지 모두 나옮으로 편집하고자 하는 책갈피가 어느 것인지 잘 살펴보고 삭제해야 한다.