본문 바로가기

별걸다하는 IT/개발환경 세팅&TIPS

[VSC SVN] 비주얼스튜디오코드 SVN 사용법 - 커밋, 업데이트, 히스토리, 버전 확인하는 법

안녕하세요 

양햄찌 블로그 주인장입니다~!!

오늘은 비주얼스튜디오코드(Visual Studio Code, 일명 줄여서 VSC)의 SVN 사용법을 다뤄보려고해요

 

SVN 설치하고 환경설정하는 것 부터연동해서 소스다운받는 방법에 대해서는 아래 포스팅을 참고해주세요.

▼ VSC svn 연동해 소스다운받는법: jhnyang.tistory.com/405

 

[vsCode-svn] 비주얼스튜디오코드 SVN에 연동하여 소스 환경 구성하기 Visual Studio Code (VSC)

안녕하세요~ 양햄찌 블로그입니당 이클립스를 쓰다가 IDE가 무거워서 vscode를 사용하게 됐는데요 오늘은 비주얼스튜디오의 경량화 버전인 비주얼스튜디오코드의 svn 연동법에 알아보려고 합니다

jhnyang.tistory.com

VSC SVN 사용법

GIT모드로 이동하기

익스플로러 모드에서 소스를 막 수정하다가, 이제 커밋해야해야지~ 할 경우,

Ctrl + shift + g을 누르면 svn 모드로 이동이 됩니다. 

g는 형상관리 시스템 중 하나인 git의 약자같죠?ㅎㅎ

고럼 요렇게 두 번째 네모 칸으로 이동하게 되는데 대충 이런 구성으로 되어있어요. 

이 화면이 어떻게 구성되어있는지 하나하나 살펴볼게요.

빨간색 네모박스와 파란색 네모박스 부분을 먼저 살펴볼게요

changes와 remote changes 모두 SVN 소스와 내 로컬 소스가 일치하지 않을 때를 표시해주는건데요.

 

■ Changes

현재 로컬에서 내가 어떤 소스를 수정하고 저장했을 때,

즉 로컬에서 변경된 파일들의 목록이 요 항목에 들어가게 됩니다. 

현재 내가 로컬에서 변경한 소스의 개수는 2개로 표시되어있네요

( SVN과 동기화시키기 위해서는 Revert나 Commit 작업 필요 )

 

■ Remote Changes

내가 아닌 다른 개발자가 특정 소스를 수정 후 커밋해, SVN 소스에 변경이 일어난 경우입니다.

업데이트 받아줘야 하는 소스가 21개나 쌓여있네요 ㄷㄷ

( 이 경우에는 Update를 통해 다른 사람이 커밋한 소스를 받아볼 수 있습니다)

 

저기 파란색 아이콘으로 M이라고 되어있는건 Modify의 약자로 소스가 변경되었다는 뜻입니다.

A이렇게 뜨면 Add의 약자로 소스가 추가되었다는거예요

 

커밋이나 업데이트 하기 전, DIFF로 변경상태 확인하는 법

Changes 목록이나 Remote Changes 목록에 있는 파일을 더블클릭하면 기본적으로 DIFF가 뜨게 됩니다.

개발소스들이라 모자이크가 많지만,,

제가 업무요건에 맞춰 소스를 변경 후 저장하면 Changes에 목록이 실시간으로 뜨게 되고

GIT 모드로 들어와서 해당 파일을 더블클릭하면, 요렇게 DIFF 화면이 기본으로 떠요~!

 

초록색 바탕색은 ADD 추가되었다는 뜻이고

빨간색 바탕색은 DELETE 제거되었다는 뜻입니다.

 

저는 저 부분 두 줄을 추가한 거란걸 쉽게 확인할 수 있어요.

이 소스를 커밋하면 이제 SVN에 올라가있는 소스가 제 소스로 맞춰지겠죠?

 

Remote Changes 파일을 클릭해도 마찬가지입니다.

기준은 항상 기존과 달라진 소스가 오른쪽에 위치한다는 것~

 

SVN 커밋하는 법 (How to Commit)

커밋은 여러가지 방법이 있는데요, 편하신대로 하시면 돼요. 차례차례 알려드릴게요

 

1. 깃모드에서 우클릭으로 커밋

깃모드(Ctrl + shift + g)에서 원하는 파일들을 선택한 다음에 우클릭을 누르면 'Commit Selected'가 뜹니다.

한 개 파일을 선택하셔도 되고, Shift +클릭으로 여러개 파일을 연속적으로 선택하셔도 되고 Ctrl +클릭으로 띄엄띄엄 선택하셔서 같이 커밋하셔도 돼요.

커밋셀렉티드를 누르면 이렇게 커밋메세지 입력창이 뜹니다. 

커밋메세지 입력하고 Ctrl+ Enter누르면 간단하게 커밋끝~~~

만약 계속 동일한 커밋메세지가 쓰기 귀찮을 경우, 파란색 네모박스에 보이는 'Pick a revious commit message'를 누르시면 바로 전에 커밋했던 메세지를 대신 넣어줘서 좀 더 빠르고 간편하게 커밋할 수 있어요.

 

2. GIT 모드에서 변경사항 추출해 커밋

요기 보이는 빨간색 박스 부분있죠?

사실 이 부분도 커밋메세지 쓰는 공간입니다. 커밋메세지 쓰고 Ctrl + Enter를 눌러주세요.

고렴 요렇게 입력창이 나타나는데, 저처럼 Changelist가 있는 경우는 디렉터리(?)선택하는 화면창이 먼저 나오고 그 중 하나를 클릭하면 거기에 속한 파일들이 나오게 되는데,

그런거 지정안했으면 아래처럼 Changes에 있는 모든 파일이 뜹니다.

Changes 목록에 있는 파일들을 커밋할꺼니까 changes클릭

그럼 파일 COMMIT 할 수 있는 파일 목록들이 뜨는데 여기서 커밋하고 싶은 파일만 골라서 커밋해주면 돼요~

참고로 파일이 너무 많을 경우 *test* 이런식으로 이름 검색으로 원하는 파일만 추출해서 커밋할수도 있습니다.

검색창 옆에 네모상자 클릭하면 전체파일을 한번에 커밋도 물론 가능!

 

3. 명령어팔레트로 커밋

F1이나, Ctrl + shift + p를 누르면 명령어팔레트 창을 상단에 킬 수 있는데요.

명령어 팔레트로 커밋하는 것의 장점은, 깃모드나 익스플로러모드나 어느 모드에서든 관계없이 진행시킬 수 있다는 점이죠~

지금 현재 수정중인 파일을 커밋하고 싶다면 명령어창을 킨 다음에 'svn commit'을 입력해주세요.

그리고 클릭하기만 하면 끝! 그럼 1번방법에서 나타난 커밋메세지 입력창이 동일하게 뜨게 됩니다.

 

4. 터미널 명령어로 커밋하기

명령어를 연습하고 싶은 분이라던가 명령어가 더 익숙하신 분들이 있겠죠?

물론 VSC에서도 SVN 명령어를 사용할 수 있습니다.

익스플로러 모드에서 파일을 우클릭하면 Open in Integrated Terminal이라는 항목이 있는데

이걸 누르면 현재 파일이 위치한 디렉터리로 터미널 위치를 이동시켜줘요~!

svn commit 커밋할파일 -m "커밋메세지"

요 명령어를 입력하면 됩니다.

짠 커밋이 잘되어서 revision버전도 잘 뜬 것을 확인할 수 있어요.

 

SVN 업데이트 하는 법

업데이트도 여러 방법으로 진행할 수 있는데 대부분은 커밋에서 설명한 방법과 유사해요.

그러므로 중복되는 부분은 언급만하고 넘어가도록 할게요

 

1. 깃모드에서 우클릭으로 업데이트 

커밋에서 설명했던 방법과 동일합니다.

하나의 파일 선택, 다중파일 선택 가능한 것도 모두 동일

 

2. GIT 모드에서 변경사항 통 업데이트

요기 보시면 구름모양에서 아래 화살표로 내려받기 표시되어있는 아이콘 보이시죠?ㅎㅎ

이건 SVN에서 변경사항이 있는 부분을 모두 한번에 싹 내려받는 버튼입니당

현재 이걸 누르면 22 파일이 업데이트 될거라는걸 알려주네요~

 

근데 이 버튼을 누르면, 하나씩 업데이트하면서 처리하는게 아니라 통으로 업데이트 되는거라,

변경된 모듈이 많을 경우에는 시간이 좀 걸립니다.

 

그래서 아니 버튼 눌렀는데 왜 Remote Changes에서 파일들이 안사라지지? 하시지 마시고

한 번 누르고 다른 작업 하다 보면, 어느순간 다 업데이트 되어서 사라져 있습니다 :) 

 

3. 명령어팔레트로 통업데이트

커밋에서 설명했던 방법과 동일합니다.

F1이나, Ctrl + shift + p를 눌러 명령어창을 열어주세요

그리고 키워드 svn up까지만 쳐도 요렇게 SVN: Update라는 부분이 뜹니다.

연동된 SVN이 하나라면 그냥 전체 업데이트가 진행되고요 연동된 SVN이 여러개 일 경우

요렇게 어떤 SVN을 업데이트 시킬지 물어봐요 ㅎㅎ 클릭하면 해당 SVN 통업데이트!

 

4. 터미널 명령어로 커밋하기

커밋에서 설명했던 것과 똑같습니다!

익스플로러 모드에서 파일을 우클릭해 Open in Integrated Terminal 로 터미널에 들어간 뒤 

svn update 업데이트할파일

요 명령어를 입력하면 됩니다.

 

파일에 대한 히스토리(History)확인 법

커밋 이력을 보고 싶을 때에는 subverson창으로 들어가는 아이콘을 클릭해주면 됩니다.

그럼 현재 열려있는 파일의 히스토리를 자동으로 보여줘요 ㅎㅎ

 

자 가장 최근에 커밋한 이력을 볼까요?

화살표 있는 부분을 보면, 약 한시간 전에 jhyang라는 사용자가 (저입니닿)

주석제거라는 커밋메세지로 커밋을 했음을 볼 수 있죠?? 그리고 해당 버전은 11210임 또한 확인할 수 있습니다.

저 부분을 더블클릭해주면, 이전버전과 비교해서 어느 부분을 변경해 커밋한건지 또한 DIFF로 확인해볼 수 있어요 

 

오늘 포스팅은 여기까지입니다~!! 포스팅이 넘 길어졌네요 ㄷㄷ

좋아요, 광고클릭, 댓글 등의 행위는 정보공유를 위해 노력하는 작성자에게 큰 힘이 됩니다.

그럼 다음에 똬 봐요~!