개발 이야기/알아두면 유용한 것들

vscode에 tortoise svn 연동하기 (next.js 이용 버전)

thisisamrd 2023. 10. 9.

 

아래는 내가 시행착오를 겪으며 알게된 vscode에 svn을 연동하는 방법이다.

 


next.js를 이용한 프로젝트를 만듦과 동시에 svn에 연동도 하는 그런 최적의 루트를 찾아야 하는데

블로그를 찾아봤지만 나와 비슷한 사례를 발견하는 것도 어려웠고(당연하다..)

tortoise 홈페이지를 봐도 내가 찾는 부분은 안나오니 답답했었다.

 

 

그냥 이것저것 시도해보면서 내게 가장 잘 맞는 프로세스를 찾아서 공유해보겠다.

 

 

vscode에 tortoise svn 연동하기 (next.js 이용 버전)

 


1. vscode에 svn 익스텐션 잘 설치하기.


2. 원하는 경로에 원하는 이름으로 svn에 연동할 폴더 하나 생성. 


3. svn 저장소 브라우저에 체크아웃 할 폴더 만들기(create folder) -> 경로 복사 


4. vscode로 돌아와 cmd shift p 눌러서 svn:checkout 누르기 

 

5. 3번에서 복사한 주소 치고 엔터 -> 폴더를 선택하는 창이 나옴 


6. 2번에서 만들었던 폴더 선택. 

 
7. 이름은 대충 2번에서 만들었던 폴더랑 연관되게 짓고 맨 뒤에 svn 붙이기 

- ex. aabbcc_svn

 
8. Would you like to open the checked out repository, or add it to the current workspace? 라는 말이 나오면 아무것도 누르지 말기


9. 2에서 만든 폴더 경로에서 터미널 열어서 yarn create next-app 치고 프로젝트 생성. 이름은 임시로 하는거라 아무렇게나. 이따 지울것임.


10. cd 써서 9번에서 만든 디렉터리로 가서 폴더들 싹 다 잘라내서 7에서 만든 폴더로 가서 붙여넣기...ㅎ(이거 맞아? 그런데 이렇게 하는게 제일 빨랐음.....)


11. 9번에서 만든 폴더는 그냥 지워버리기. 


11. vscode에서 node_modules, .gitignore등등 업로드 안해도 될것같은 파일은 우클릭 후 'ignore file/ext from svn' 누르기.  


12. vscode에서 2번에서 만든 폴더로 다시 열기 

 

13. 탐색기 열고 해당 폴더 위치로 가서 빈 곳 우클릭하고 svn add 

 

14. 빈 곳 우클릭하고 svn commit 눌러서 경로 잘 확인하고 커밋 메세지 적은 뒤 커밋 완료.

댓글