5. 개발도구
-
[ VSCode ] Visual Studio Code - VSIX 다운로드 및 설치, Extension 오프라인 설치 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code VSIX 파일, Extension을 오프라인환경(인터넷이 지원되지 않는 환경에서)에서 설치 해보려 합니다. :- ) 인터넷이 사용 가능한 환경에서는 vscode extension market에서 확장프로그램 조회/다운로드/설치하면 된다. 하지만, 간혹 인터넷이 사용불가능한 환경, 업무망 등에서 VSCode를 사용해야하고, 확장프로그램(Extension)을 설치해야할 경우가 있다. 이런경우를 위하여 간단히 설치하는 방법을 알아보도록 하자. 0. 확장 설치파일(.vsix) 다운로드 하기 #1. VSCode 확장 프..
[ VSCode ] VSCode - VSIX 설치, Extension 오프라인 설치[ VSCode ] Visual Studio Code - VSIX 다운로드 및 설치, Extension 오프라인 설치 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code VSIX 파일, Extension을 오프라인환경(인터넷이 지원되지 않는 환경에서)에서 설치 해보려 합니다. :- ) 인터넷이 사용 가능한 환경에서는 vscode extension market에서 확장프로그램 조회/다운로드/설치하면 된다. 하지만, 간혹 인터넷이 사용불가능한 환경, 업무망 등에서 VSCode를 사용해야하고, 확장프로그램(Extension)을 설치해야할 경우가 있다. 이런경우를 위하여 간단히 설치하는 방법을 알아보도록 하자. 0. 확장 설치파일(.vsix) 다운로드 하기 #1. VSCode 확장 프..
2021.07.12 -
[ VSCode ] Visual Studio Code 설치하기(및 추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code를 설치 해보려 합니다. :- ) 웹개발을 하다보면 어떤 IDE를 사용할지 고민하곤 한다. 개발자라면 다음의 에디터들 중 몇가지를 꼭 들어보거나 사용 해보았을 것이다. - Sublime Text3 - UltraEditor - Notepad++ - Atom - WebStorm - Visual Studio Code 선택의 기준은 유/무료 여부, 속도, 한글 지원여부, 다양한 플러그인 지원 여부 등이 있을 것이다. 이중 오늘은 Visual Studio Code를 사용하기위해 설치해 보려 한다.간단한 특징은 다음과 같으니 참고 하자. - 윈도우, 맥..
[ VSCode ] Visual Studio Code 설치하기(및 추천 플러그인 설치)[ VSCode ] Visual Studio Code 설치하기(및 추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code를 설치 해보려 합니다. :- ) 웹개발을 하다보면 어떤 IDE를 사용할지 고민하곤 한다. 개발자라면 다음의 에디터들 중 몇가지를 꼭 들어보거나 사용 해보았을 것이다. - Sublime Text3 - UltraEditor - Notepad++ - Atom - WebStorm - Visual Studio Code 선택의 기준은 유/무료 여부, 속도, 한글 지원여부, 다양한 플러그인 지원 여부 등이 있을 것이다. 이중 오늘은 Visual Studio Code를 사용하기위해 설치해 보려 한다.간단한 특징은 다음과 같으니 참고 하자. - 윈도우, 맥..
2021.01.18 -
[Git (11)] Git GUI(1) - 소스트리(SourceTree) 설치방법 및 사용방법 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git 소스트리 설치 및 사용 방법 ] 입니다. : ) SourceTree - 여태까지 CLI(Command Line Interface) 환경에서 Git을 사용하는 방법을 간단히 알아보았다. 당연히 GUI(Graphic User Interface) 환경에서도 Git을 사용할 수 있게 해주는 프로그램들이 있는데, Sourcetree, GitKraken, github desktop 등 다양한 프로그램이 있는데, 각각의 장단점이 있다. -일단 이번엔 예전부터 많이 사용해오던 Sourcetree 설치 방법과 사용방법에 대해 간단히 알아보려 한다. - 많이 사용하거나 들어 ..
[Git (11)] Git GUI(1) - 소스트리(SourceTree) 설치방법 및 사용방법[Git (11)] Git GUI(1) - 소스트리(SourceTree) 설치방법 및 사용방법 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git 소스트리 설치 및 사용 방법 ] 입니다. : ) SourceTree - 여태까지 CLI(Command Line Interface) 환경에서 Git을 사용하는 방법을 간단히 알아보았다. 당연히 GUI(Graphic User Interface) 환경에서도 Git을 사용할 수 있게 해주는 프로그램들이 있는데, Sourcetree, GitKraken, github desktop 등 다양한 프로그램이 있는데, 각각의 장단점이 있다. -일단 이번엔 예전부터 많이 사용해오던 Sourcetree 설치 방법과 사용방법에 대해 간단히 알아보려 한다. - 많이 사용하거나 들어 ..
2020.11.02 -
[Git (10)] Git Branch(2) - 브랜치 병합하기(git branch merge) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git branch 병합 및 Conflict 해결하기 ] 입니다. : ) Git Merge ※ 브랜치의 사용, 머지 전략은 다양하게 있겠지만, 이번엔 가장 기초적인 머지 작업에 대해서 써보려 한다. ▶ 1. Git Merge 1) 신규생성한(없다면 생성 > git branch test ) branch로 이동 하여보자. #git switch test #git branch - 현재 test 브랜치에 위치하고 있다. 2) test 브랜치에서 다음과 같은 신규 함수를 작성 한다. - 파일명 : test.js - 내용 function add (x, y){ console.l..
[Git (10)] Git Branch(2) - 브랜치 병합하기(git branch merge)[Git (10)] Git Branch(2) - 브랜치 병합하기(git branch merge) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git branch 병합 및 Conflict 해결하기 ] 입니다. : ) Git Merge ※ 브랜치의 사용, 머지 전략은 다양하게 있겠지만, 이번엔 가장 기초적인 머지 작업에 대해서 써보려 한다. ▶ 1. Git Merge 1) 신규생성한(없다면 생성 > git branch test ) branch로 이동 하여보자. #git switch test #git branch - 현재 test 브랜치에 위치하고 있다. 2) test 브랜치에서 다음과 같은 신규 함수를 작성 한다. - 파일명 : test.js - 내용 function add (x, y){ console.l..
2020.10.25 -
[Git (9)] Git Branch(1) - 기초(Branch 생성 및 사용) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git branch 생성 및 사용하기 ] 입니다. : ) 1. Git Branch란? ※ Branch란? - Software개발시 개발자들은 동일한 소스코드 위에서 신규 개발, 버그 수정 등의 업무를 협업하곤 한다. 이럴 때, 여러 개발자들이 동시에 다양한 작업을 할 수 있게 만들어 주는 기능이 "Branch" 이다. 즉, 브랜치(Branch)를 통해 하나의 프로젝트를 여러 갈래로 나누어서 관리할 수 있다. 각각의 독립된 Branch에서 마음대로 소스코드를 변경하여 작업 한 후 원래 버전과 비교하여 또 하나의 새로운 버전을 만들어 낼 수 있다. ▶ 1. Branch 확인 하기 1..
[Git (9)] Git Branch(1) - 기초(Branch 생성 및 사용)[Git (9)] Git Branch(1) - 기초(Branch 생성 및 사용) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git branch 생성 및 사용하기 ] 입니다. : ) 1. Git Branch란? ※ Branch란? - Software개발시 개발자들은 동일한 소스코드 위에서 신규 개발, 버그 수정 등의 업무를 협업하곤 한다. 이럴 때, 여러 개발자들이 동시에 다양한 작업을 할 수 있게 만들어 주는 기능이 "Branch" 이다. 즉, 브랜치(Branch)를 통해 하나의 프로젝트를 여러 갈래로 나누어서 관리할 수 있다. 각각의 독립된 Branch에서 마음대로 소스코드를 변경하여 작업 한 후 원래 버전과 비교하여 또 하나의 새로운 버전을 만들어 낼 수 있다. ▶ 1. Branch 확인 하기 1..
2020.10.11 -
[Git (8)] Git Alias - 단축키 설정 및 사용하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git alias 설정 및 사용하기 ] 입니다. : ) 1. Git Alias git은 수많은 명령어를 가지고 있고, 명령어들의 복잡한 옵션들을 일일이 기억하긴 매우 어렵고 번거롭다. Bash등 쉘에서 Alias 기능을 지원하는 것처럼 git도 Alias를 통해 명령어들을 간단하게 단축키로 지정하여 사용할 수 있다. ▶ 1. Git Alias 지정 하기 - 2가지 방법으로 지정 가능 하다. 1.1 Git Commands로 설정하기 - git config 를 사용하여 각 명령의 Alias을 쉽게 만들 수 있다. ex) # git config --global alias.st 'status -s' -..
[Git (8)] Git Alias - 단축키 설정 및 사용하기[Git (8)] Git Alias - 단축키 설정 및 사용하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git alias 설정 및 사용하기 ] 입니다. : ) 1. Git Alias git은 수많은 명령어를 가지고 있고, 명령어들의 복잡한 옵션들을 일일이 기억하긴 매우 어렵고 번거롭다. Bash등 쉘에서 Alias 기능을 지원하는 것처럼 git도 Alias를 통해 명령어들을 간단하게 단축키로 지정하여 사용할 수 있다. ▶ 1. Git Alias 지정 하기 - 2가지 방법으로 지정 가능 하다. 1.1 Git Commands로 설정하기 - git config 를 사용하여 각 명령의 Alias을 쉽게 만들 수 있다. ex) # git config --global alias.st 'status -s' -..
2020.09.23