Search

반응형

'Software'에 해당되는 글 186건

  1. 2024.01.14 [Git]Git Bash 간단 명령어 정리. (init, config, status, add, commit) 1
  2. 2023.12.22 [자바]VSCode 에서 Java Debug 하는 방법, VisualStudioCode, 자바, 디버그, 디버깅, debugging 1
반응형

옛날 옛적 프로젝트에서는 소스관리나 형상 관리를 거의 사용하지 않고 각자 컴퓨터에서 개발하고 개발 서버에 반영했던 기억이 있습니다. 충돌도 자주 나고 엉뚱한 소스를 삭제해서 문제가 되기도 했답니다.

물류창고 자동화 프로젝트에 투입되어 저 아랫동네로 간 적이 있었습니다. 비주얼베이직으로 개발했는데 당시 해당 업체는 소스관리를 사용하고 있었습니다. 체크아웃, 체크인 등등 첨 듣는 용어를 사용하면서 우리도 이제 개발에 투입되었으니 소스관리를 해야 한다고 하더군요.

그 뒤로 프로젝트에 투입하면 CVS로 버전 관리를 하면서 commit, update 등을 사용하고 SVN으로 이동하더니 요즘은 git을 사용하더군요. 반면 최근 OO금융권 사이트에 갔는데 SVN과 Git을 혼용해서 사용하는 거 보면 SVN이 사장된 건 아닌가 봅니다.

개발자이지만 보통 중대형급 프로젝트에 투입되니 Git을 설정하고 구성하는 일을 해본적은 없고 보통 갖춰진 환경에서 push, pull 등의 명령어로 작업해 왔습니다. 그러나 개발자 사이트나 유튜브를 보면 git을 많이 활용하고 있더군요. 블로그에서 github에 기술 문서나 소스를 올리고 개인 영역을 만들어 홍보도 하고 예제 소스도 받을 수 있더군요.

그래서 늦었지만 ? git 책을 보면서 실습을 해봤습니다.

간단하게 로컬에서 git환경을 만들어봤고 명령어를 사용해 봤습니다.

까먹지 않게 몇 가지 정리해 봤습니다.

  1. git bash 실행하기

git으로 소스 관리하기 원하는 위치에 폴더를 만듭니다.

폴더로 들어가서 마우스 우클릭을 합니다. (git이 설치되어 있어야 합니다.) 

git bash가 안보임

만약 위 이미지처럼 git bash here가 안 보이면 추가 옵션 표시를 클릭합니다.

이제 Git Bash Here를 클릭합니다. 그러면 cmd 창이 열립니다.

 

2. git 생성하기

새로 만든 폴더에서 소스 관리를 위해 git 생성을 해보겠습니다. 엄청 쉽습니다. 현재 폴더는 텅텅 비어있겠죠?

이제 마법을 시작합니다. git bash에 다음 명령어를 입력합니다. 그전에 위 이미지의 우측 노란색 경로가 내가 위치한 곳이 맞는지 반드시 확인해야 합니다.

$git init를 실행하면 위 이미지처럼 생성이 됩니다.

그리고 이렇게 숨겨진 .git 폴더가 보입니다. 만약 안 보인다면 숨겨진 폴더 보기 옵션에서 설정하면 보입니다.

윈도우즈 11인 경우는 아래와 같이 설정을 체크하면 숨겨진 폴더가 보입니다.

 숨긴 항목 표시에 체크를 하면 .git 폴더가 보일 것이고 성공적으로 git 설정이 되었습니다.

이제 git config --list를 실행해 봅니다.

현재 위치 뒤로 (master)가 보이는데 현재 master 브랜치임을 의미합니다.

git config --list 실행해서 결과가 잘 나오면 설정이 잘 된 겁니다.

이제 다음 명령어를 입력합니다.

git status를 입력하면 현재 작업 진행 내역을 확인할 수 있습니다.

On branch master는 현재 master 브랜치에 위치하고 있다는 의미입니다.

No commits yet은 아직 commit 할 소스가 없다는 의미입니다.

 

3. 신규파일 추가하기.

이제 새로운 파일을 만들고 git으로 관리해 보겠습니다.

먼저 해당 폴더에 새로운 파일 하나를 만듭니다. 여러 가지 방법으로 만들 수 있지만 우클릭으로 텍스트파일을 하나 만들겠습니다. 아래 이미지와 같이 텍스트파일을 선택하고 파일이름을 first.txt로 만듭니다.

이제 이 파일을 열어서 내용을 입력합니다. 원하는 글자 아무거나 넣어도 됩니다.

사과를 입력해 보겠습니다. 그리고 저장합니다.

이제 다시 git bash창으로 이동해서 다음 명령어를 입력합니다.

git status를 입력하고 엔터를 치면 위 이미지처럼 결과가 나옵니다. 빨간색 first.txt 글자가 보입니다.

git add를 해서 commit를 하라는 의미입니다. 

git add first.txt라고 입력하고 엔터를 치면 빈 줄 하나 나옵니다. 정상으로 add가 되었다는 의미입니다.

다시 git status 명령어를 실행해 보겠습니다.

git add를 하고 난 후는 빨간색 first.txt가 초록색으로 변했습니다.

new file이라는 표시도 보입니다.

git add는 git 영역의 스테이지 공간에 옮기는 의미입니다.

git폴더에서 first.txt를 만들면 아직 git에 등록은 안되었지만 git 영역에서 새로 만들었기에 빨간색으로 추가하라는 메시지를 보여줍니다. git add를 하면 commit 전 git stage(스테이지) 공간에 목록이 생성됩니다. commit 대상이라는 의미입니다. 

즉, 새로 만든 파일이나 수정된 파일을 git 버전관리에 등록하기 위해서는 대기자 명단에 올려야 하는데 바로 git add가 그 역할을 합니다.

 

 4. git에 파일 등록하는 commit.

이제 다음 명령어를 사용해서 파일을 git에 올리고 버전관리를 해보겠습니다.

git commit -m "first filegit commit"라는 명령어로 파일을 등록했습니다.

-m은 해당 커밋에 대한 메시지를 등록하는 것으로 필수항목입니다. 빈 값이라도 넣어야 한다는 의미입니다.

-m "메시지" 부분에는 해당 커밋을 왜 하는지 관련 내용을 상세히 기록하면 나중에 확인하기 편하답니다.

만약 git commit만 입력한다면 전혀 새로운 메시지 입력 화면을 만나게 될 것입니다. 그럴 땐 당황하지 마세요.

아래 간단한 사용법을 보여드립니다.

first.txt에 배라는 글자를 추가하고 저장합니다.

그리고 git status 명령어를 입력하면 위 이미지처럼 수정된 파일이 있다고 해당 파일이 빨간색으로 표시됩니다.

git add를 사용해서 스테이지에 등록합니다.

그리고 git commit만 치면 아래와 같은 화면이 나옵니다.

바로 -m을 사용해서 commit 메시지를 입력하지 않았기에 강제로 이 화면으로 이동해서 메시지를 입력하게 만듭니다.

사용법은 i 나 a를 누르면 입력모드로 변신합니다.

그리고 원하는 내용을 입력합니다. -m과는 다르게 줄 바꿈 해서 다양한 내용을 입력할 수 있다는 겁니다.

3줄로 내용을 입력했습니다. 이제 이 내용을 저장해야 합니다.

저장하는 방법 : 키보드 좌측 상단 esc버튼을 누릅니다. 그리고 키보드 우측 중간쯤의 콜론(:)을 누릅니다. 

w!를 입력하면 저장이 됩니다. q!를 입력하면 빠져나옵니다. wq!를 같이 입력하면 저장하면서 빠져나옵니다. 

하단에 입력한 명령어가 보입니다. wq!로 저장 후 종료하겠습니다.

commit 메시지를 포함해서 정상 처리가 되었습니다.

 

5. git log로 이력 조회하기.

git log를 사용해서 어떤 히스토리가 생겼는지 그간 작업 내역을 조회합니다.

제일 하단에 first filegit commit가 17시 19분 51초에 처리되었다는 기록이 보입니다.

그 위로는 2줄로 입력한 commit 메시지가 보입니다. 

잘 처리되었습니다.

근데 3줄 입력한 메시지가 왜 2줄이냐면 중간에 한 줄 지우고 commit 했거든요. ^^

새로운 파일을 생성해서 git add와 git commit을 사용해 등록하고 수정 파일도 git에 등록하는 방법을 살펴봤습니다.

이 외에도 git 관련 명령어가 많이 있습니다.

다음 포스팅에 설명해 보겠습니다.

감기 조심하세요~

 

반응형
반응형

안녕하세요. 신기한 연구소입니다.

이번 포스팅은 개발을 시작하거나 또는 디버깅을 처음 하는 친구들을 위한 포스팅입니다.

 

1. 디버그(Debug) 개념

개발을 하다 보면 오류가 종종 발생합니다. 운영 중이거나 개발서버에서 디버깅을 하기 위해 System.out.println()을 사용하기도 합니다. 그 방법 말고 개발툴에서 순서대로 어떤 값이 흘러가는지 한 땀 한 땀 확인하면서 오류를 찾을 수 있는 기능이 있습니다. 디버깅이라고도 하는데요. 디버깅은 프로그램의 오류를 찾아 조치하는 것을 의미합니다.

 

2. 준비

보통 이클립스 또는 VSCode(VisualStudioCode)에서 자바(Java)개발을 하는데 이번 포스팅은 VSCode에서 디버그(debug)하는 방법을 알아봅니다.

당연히 jdk는 설치 되었을 것이고 VSCode와 java 확장팩도 설치가 되었다는 전제로 시작해 보겠습니다.

jdk와 VSCode는 블로그 내 포스팅되어 있으니 참조하심 좋겠네요.

JDK 설치하는 방법

2023.01.23 - [Software/Settings] - OpenJDK 다운로드 및 설치하는 방법, jdk-19

 

OpenJDK 다운로드 및 설치하는 방법, jdk-19

안녕하세요. 신기한 연구소입니다. 툴(이클립스, 비주얼 스튜디오 코드 등)에서 자바 개발에 꼭 필요한 jdk(Java Development Kit)를 다운로드 및 설치하는 방법에 대해 알아봅니다. 오라클 사이트에 가

tiboy.tistory.com

VSCode(VisualStudioCode) 설치하는 방법

2023.05.20 - [Software/Settings] - VSCode 설치하는 방법. (visual studio code, 비주얼 스튜디오 코드)

 

VSCode 설치하는 방법. (visual studio code, 비주얼 스튜디오 코드)

안녕하세요. 신기한 연구소입니다. 보통 이클립스(eclipse)에서 많은 개발을 했었고 예전에는 울트라 에디트나 에디트 플러스에서 코딩했던 기억이 있습니다. 요즘은 프론트엔드 뿐만 아니라 백

tiboy.tistory.com

 

3. 디버깅

이제 실제 디버깅을 해보겠습니다. 어렵게 생각하지 말고 한 땀 한땀 따라 해보세요.

먼저 간단하게 main 메서드가 있는 클래스를 만들고 간단한 디버깅용 코딩을 해보겠습니다.

디버그용 코드

아주 심플한 코드입니다. 

5, 6번 라인에 int 변수 a, b를 선언했습니다. 그리고 a는 0을 할당했고 b는 할당하지 않아서 null인 상태입니다.

8번 라인에서 변수 a와 b를 사용한 식을 만들었습니다.

null인 b에 a+1의 결괏값을 할당하는 식입니다.

그리고 11~13번 라인은 a, b와 문자열 hello를 출력하고 있습니다.

main 메서드를 보면 Run | Debug를 볼 수 있습니다. VSCode에서 쉽게 실행하고 디버그 할 수 있게 제공하는 기능 같습니다.

먼저 Run을 클릭해서 실행하고 결과를 보겠습니다.

Run 실행

결과가 잘 나옵니다.  3번과 4번 라인 중간에 있는 Run을 클릭하면 됩니다.

이제 디버그를 해보겠습니다.

디버그(Debug)를 하기 위해서는 먼저 어느 위치에서 시작할 것인가 정해야 합니다.

프로그램을 시작하면 소스를 한 줄씩 실행하는데 원하는 위치에 멈출 수 있습니다.

브레이크포인트

위 이미지를 보면 8번 라인 앞에 어두운 빨간 점이 있습니다. 마우스를 8번에 가져가면 저렇게 나옵니다.

빨간 점이 바로 중단점(브레이크 포인트)입니다. 

빠른 중단점 설정은 8번 옆 어두운 빨간 점을 클릭하면 빨간 점이 더 밝게 나타나고 아래 이미지처 고정됩니다.

밝은 중단점

이제 중단점(브레이크 포인트)을 설정했습니다.

그럼 디버그(debug)를 실행해 봅니다.

3번과 4번 라인 사이에 Run | Debug 중 Debug를 클릭합니다.

8번 라인에서 멈췄습니다. 성공했습니다.

VSCode에서 디버그(Debug)를 실행하니 각 라인마다 옆에 값들이 나타납니다.

args = String[0]@14는 아마 args 배열의 주소값을 보여주나 봅니다.

5번 라인에 a = 1로 할당되었음을 보여주고 b는 null이라 나타나지 않습니다.8번 라인은 중단점이기에 옆에 표시가 나타나고 해당 식을 실행하지 않고 대기하고 있습니다.이제 어떻게 해야 할까요?다음 라인으로 한 단계 넘어가면서 b에 값이 잘 할당되는지 확인해야 합니다.

디버그 모드

디버그(Debug) 모드가 되면 화면 상단에 아이콘들이 나타납니다.

위 이미지를 보면 실행도 보이고 둥근 화살표 위아래 화살표 빨간 네모박스 등 아이콘이 보입니다.

첫 번째 실행을 클릭하면 다음 중단점까지(없으면 끝까지) 실행을 합니다.

두 번째 가운데 점위로 둥근 화살을 클릭하면 다음 한 라인으로 넘어갑니다.

Next Step

다음 라인으로 이동하니 8번 라인 옆에 b = 2가 할당되었음을 보여줍니다.

그리고 11번 라인으로 이동했음을 옆에 노란 표시 아이콘으로 확인할 수 있습니다.

이런 방식으로 중간에 b값이 잘 할당되고 어떤 값이 할당되는지 확인할 수 있습니다.

 

4. 디버깅 옵션

지금 기본 중단점을 사용해서 디버그를 사용했습니다.

좀 더 전문가처럼 사용하는 방법을 알아보겠습니다.

먼저 VSCode로 디버깅을 한다면 왼쪽에 다양한 정보를 확인할 수 있는 작은 창들을 볼 수 있습니다.

이클립스도 비슷한 창들이 존재합니다.

디버깅 모드

왼쪽 작은 창들을 보니 뭔가 복잡해 보입니다. 하지만 별거 없습니다.

하나씩 살펴보겠습니다.

첫 번째 작은 창은 변수를 보여줍니다.

변수에 값이 할당될 때마다 표기가 됩니다.

현재 지역(local, 로컬) 변수 a = 1, b = 2가 할당되었음을 알 수 있습니다.

두 번째 작은 창은 조사식입니다. 조사식은 무엇일까요?

내가 직접 원하는 값을 확인하기 위해 식을 만들어 넣는 겁니다.

a + b는 어떤 값이 될까? 궁금하다면 우측 상단 + 버튼을 클릭하면 조사할 식이라는 위 이미지처럼 입력박스가 나옵니다.

 

a+b 조사식을 넣으니 3이 나옵니다.

중간 원하는 방식으로 식을 넣으면 바로 확인이 가능하기에 편리하게 사용할 수 있습니다.

호출 스택은 현재 Test.main에서 실행됨을 보여줍니다. 복잡한 프로그램인 경우 현재 어떤 모듈이 실행 중이고 어느 위치에서 중단점이 걸렸는지 확인할 수 있습니다.

마지막 창은 중단점을 보여줍니다. 중단점은 1개 이상을 만들 수 있습니다. 그래서 어느 위치의 중단점에 있는지 확인할 수 있습니다. 체크 박스를 통해서 잠시 사용을 안 할 수 있습니다. 필요한 중단점만 체크해서 사용할 수 있기에 디버그 시 편리합니다.

큰 프로젝트에서 디버그를 많이 생성한 경우 찾기 힘든 경우도 있고 딱 필요한 것만 실행하고 싶은 경우 모든 소스를 찾아서 디버거를 제거하는 불편함을 체크박스 하나로 쉽게 넣고 뺄 수 있게 해결하였습니다.

8번 라인 옆 붉은 점에 마우스 오른쪽 클릭을 하면 이렇게 메뉴가 나옵니다.

이미 중단점이 있는 경우 위 이미지처럼 제거할 수 있습니다.

중단점 편집... 은 특정 조건을 추가할 수 있습니다.

중단점 편집...

중단점 편집은 위 이미지처럼 식, 적중 횟수 로그 메시지의 옵션을 사용할 수 있습니다.

만약 a == 2인 경우만 중단점을 사용하고 싶다면 식을 선택하고 뒤에 a == 2를 입력하고 엔터를 치면 됩니다.

이렇게 다양한 디버그 모드를 사용해서 개발할 때 오류를 미리 체크해서 수정할 수 있습니다.

혹시 개발을 처음 하는 경우 오류가 날 때 선배들한테 물어보면 디버그로 찾아봐~라고 얘기하는 경우가 있습니다.

이때 이렇게 중단점을 사용해서 디버그를 한다면 뭔가 준비를 많이 한 초급 개발자로 보이지 않을까요?

이제 사용방법을 알았으니 다양한 코드를 만들고 익숙해질 때까지 디버그 테스트를 해보세요.

모두 즐거운 코딩 생활 되세요.

반응형