깍돌이

컴퓨터 새로 사서 세팅하는 기념 포스팅 ( 지속 업데이트 )

최근에 Mac OS 를 구매했기 때문에 Mac M1 PRO 와 Windows PC 2개로 나눠서 작성 해놓겠습니다.

Mac OS PC

Visual Studio Code

1. Git Lens

2. Material Icon Theme

Windows PC

Visual Studio Code

1. Better Comments

개발도중 남길수 있는 코멘트들에 대한 가시성이 증대 됩니다.

2. Bracket Pair Colorizer 2

코드 블럭을 가시적으로 보여주게 합니다.

3. DotENV

Node.js에서 많이 사용되는 .env에 대한 기본 세팅입니다.

4. vscode-icons

기본적인 vscode에서 사용되는 icons 테마로 사용중입니다.

5. SynthWave '84 (디자인 테마 개인 취향)

개인 취향인 디자인으로 Custom CSS and JS Loader 를 사용해서 neon 효과를 줄수 있습니다. 

***command 'synthwave84.enableNeon' not found

금일 새로 설치 해서 세팅하게 되었는데 해당 오류가 발생해서 이것저것 확인해보니 visual studio code 가 1.60 으로 최신버전으로 되어있는데 1.60에서 오류가 나서 동작하지 않았던 이슈가 있었습니다.

VSCodeUserSetup-x64-1.59.1 로 새로 재 설치 후 enable neon dreams 실행시 정상 동작합니다.

visual studio code 1.59 download link - > https://code.visualstudio.com/updates/v1_59

6. Ctrl 로 소스코드 확대

Ctrl + Shift + P - > Settings 입력  JSON Default   

검색창 Ctrl 

Editor : Mouse Wheel Zoom 

Zoom the font of the editor when using mouse wheel and holding Ctrl  체크

7. Map 제거

검색창 : Map

Editor > Minimap :Enable 

Controls whether the minimap is shown. - > 체크 해제 

XShell ( 무료 버전 ) 

1. Ctrl + W : 탭 종료

브라우저는 Ctrl + W 로 탭을  빠르게 종료 하고 다음 작업을 하는데 Xshell 도 같은 작업을 해야하기에 초기에 세팅을 해놓습니다.

키 매핑 (P)...

새로 만들기(N)....

키 입력후 - 메뉴 - [탭] 닫기 설정

2. 마지막 탭 종료시 Xshell 종료 옵션

체크 해제

계속 추가 예정

브라우저 테스트 스택

https://www.browserstack.com/docs/automate/selenium

쉽게 정규식 을 배워 보자 

https://github.com/ziishaned/learn-regex/blob/master/translations/README-ko.md

프론트엔드 마스터를 하기위한 9개 프로젝트

https://blog.naver.com/bkcaller/221712728455

훌륭한 프로그래머가 되기 위한 앱 8 선

https://tagilog.tistory.com/579?fbclid=IwAR3VNuZqDucGJ-EFrIH8XKvstuPIgF_XvfylLo4TPD5xIRLYc-UaN2CP2-c

Git 배우기 

https://learngitbranching.js.org/?locale=ko

CSS flex 

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

http://www.beautifulcss.com/archives/2812 

하위 브라우저에서 flex를 잘 사용하는 방법

https://css-tricks.com/using-flexbox/

무료 파비콘 제공 사이트

https://www.iconfinder.com/icon-sets/featured/free/5

파비콘 컨버트 사이트

https://converticon.com/

내가 쓰는 vim 셋팅

/home/계정/.vimrc 생성후 입력 

syntax on        " 문법 하이라이트 킴"

set number            " line 표시를 해줍니다.

set shiftwidth=4      " shift를 4칸으로 ( >, >>, <, << 등의 명령어)

set tabstop=4         " tab을 4칸으로

set ignorecase      " 검색시 대소문자 구별하지않음

set hlsearch         " 검색시 하이라이트(색상 강조)

set expandtab       " tab 대신 띄어쓰기로

set background=dark  " 검정배경을 사용할 때, (이 색상에 맞춰 문법 하이라이트 색상이 달라집니다.)

set nocompatible   " 방향키로 이동가능

set encoding=utf8

set fileencodings=utf-8,euc-kr,cp949    " 파일인코딩 형식 지정

set bs=indent,eol,start    " backspace 키 사용 가능

set history=1000    " 명령어에 대한 히스토리를 1000개까지

set ruler              " 상태표시줄에 커서의 위치 표시

set nobackup      " 백업파일을 만들지 않음

set title               " 제목을 표시

set showmatch    " 매칭되는 괄호를 보여줌

set nowrap         " 자동 줄바꿈 하지 않음

set wmnu           " tab 자동완성시 가능한 목록을 보여줌

syntax on        " 문법 하이라이트 킴"

// 출처가 어딘지 기억이 안난다.... 

// 이제 부터 직접 추가 

2016-06-24

set encoding=utf8  (한글 깨지는 부분)

set fileencodings=cp949       

두줄 추가 (cp949 추가시에 , 앞에 띄어쓰기 하면 에러 발생 붙이길

********

2016-06-27

해당 alias 설정은 /etc/csh.cshrc   alias vi     vim

2016-10-06

set ai                    " auto indent

set si                    " smart indent

set cindent            " c style indent 

제거 쓸데없음