[ VSCode ] Visual Studio Code 유용한 확장팩 설치(추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code의 몇가지 유용한 확장팩, 추천 플러그인을 설치 해보려 합니다. :- ) 1) Reactjs code snippets - 리액트에서 자주 사용하는 코드 뭉치들을 자동 완성 해주는 플러그인 - React 관련 템플릿을 단축키로 작성할 수 있게 된다. - 자주 사용하는 키워드는 아래 표와 같고, rcc를 입력하여 선택하면 우측의 기본 클래스형 컴포넌트를 만들어 주게 된다. trigger content rcc 클래스 컴포넌트 생성 rrc 클래스 컴포넌트와 react-redux 리덕스를 연결하여 생성 rcjc import와 export 없이 ..

안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 프로젝트 코드 라인수, 라인 갯수 세기 ] 입니다. : ) 운영업무, 프로젝트를 진행 하다 보면 간혹 산출물 정리 하면서 파일 갯수, 라인 수 등의 데이터가 필요할 때가 있다. 이럴때 간단하게, 파일 갯수, 라인수를 세는 방법을 알아보자. ※ 나와 같은 경우는 Typescript도 포함할 수 있는 툴이 필요 하여 찾아보게 되었다. 1. CLOC (Code Lines of Code) - https://github.com/AlDanial/cloc - 현재 시점의 최신 버전은 1.98 이며 자세한 내용은 github에 나와 있다. - 다른 프로그래밍 언어에서 코드 줄을 쉽게 계산할 수 있다. - Es 간편하게 설치 및 사용이 가능 하며, 별다른 종속성이 필요하지 ..

Windows용 패키지 매니저 chocolatey 설치 하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ chocolatey 설치하기 ] 입니다. : ) 0. Chocolatey란? - Chocolatey (약칭 Choco) : 윈도우에서 사용할 수 있는 커맨드 라인 패키지 매니저 이다. - 즉, Linux에서 사용하던 커맨드라인 패키지 매니저인 apt(apt-get), yum Mac에서 사용하던 Homebrew 처럼 패키지 설치 / 업데이트 / 삭제 등 에 사용하는 Windows용 패키지 매니저 이다. - 물론 MS 에서 공식으로 제공하는 도구는 아니다. 1. Chocolatey 설치하기 1. 설치 준비 - 다음 경로로 접속 https://chocolatey.org/install#install-wit..

[ VSCode ] Visual Studio Code - VSIX 다운로드 및 설치, Extension 오프라인 설치 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code VSIX 파일, Extension을 오프라인환경(인터넷이 지원되지 않는 환경에서)에서 설치 해보려 합니다. :- ) 인터넷이 사용 가능한 환경에서는 vscode extension market에서 확장프로그램 조회/다운로드/설치하면 된다. 하지만, 간혹 인터넷이 사용불가능한 환경, 업무망 등에서 VSCode를 사용해야하고, 확장프로그램(Extension)을 설치해야할 경우가 있다. 이런경우를 위하여 간단히 설치하는 방법을 알아보도록 하자. 0. 확장 설치파일(.vsix) 다운로드 하기 #1. VSCode 확장 프..

[ VSCode ] Visual Studio Code 설치하기(및 추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code를 설치 해보려 합니다. :- ) 웹개발을 하다보면 어떤 IDE를 사용할지 고민하곤 한다. 개발자라면 다음의 에디터들 중 몇가지를 꼭 들어보거나 사용 해보았을 것이다. - Sublime Text3 - UltraEditor - Notepad++ - Atom - WebStorm - Visual Studio Code 선택의 기준은 유/무료 여부, 속도, 한글 지원여부, 다양한 플러그인 지원 여부 등이 있을 것이다. 이중 오늘은 Visual Studio Code를 사용하기위해 설치해 보려 한다.간단한 특징은 다음과 같으니 참고 하자. - 윈도우, 맥..

스크롤 캡쳐 프로그램(구글 플러그인) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 구글 플러그인으로 편하게 캡쳐 하기 ] 입니다. : ) 회사에서, 집에서 컴퓨터를 사용하다 보면 PrintScreen이나, 그림판, 캡쳐 도구 등을 사용하여 화면을 캡쳐해보셨을 것이다. 다만 기본 제공되는 그로그램, 기능으로는 페이지에 스크롤이 있는경우, 페이지 전체를 스크롤 하여 캐쳐하기 어려웠을 것이다. 사이트 특정 페이지의 맨 위에서 제일 아래까지 모두 스크린 캡쳐하고 싶을때, 구글 플러그인을 통해 간단하게 스크롤 캡쳐 하는 방법 2가지에 대해 작성 하려 한다. 1. Full Page Screen Capture - 정말 특별한 기능이 따로 없고, 가끔씩 특정 웹에서는 스크롤 캡쳐가 안되는 경우가 있지만, 아주 간단한..