아래에는 수많은 숫자 1 가운데 영문자 l 이 하나 숨어 있습니다.

다른 문자를 하나 찾아볼까요?

잘못된 형식의 이미지 링크입니다.

어때요? 쉽게 찾으셨나요?

이번에는 어떤 문단의 수정 전 버전과 수정 후 버전입니다.

두 내용의 차이점이 어딘지 맞춰보시겠어요?

잘못된 형식의 이미지 링크입니다.

눈이 좀 아프죠?

이번에는, 개발자들은 상대적으로 쉽게 찾을 수 있을지 모르지만 개발을 하지 않으시는 분들께는 더욱 힘든 두 파일입니다. 차이점이 뭘까요?

잘못된 형식의 이미지 링크입니다.

이번 글에서는 vscode (비주얼 스튜디오 코드) 로 2개의 파일 내용을 비교하는 방법을 소개 드립니다. 개발하시는 분들은 누구나 알고 계시는 기본적인 내용이지만, 언어만 배우고 툴 사용법에는 익숙지 않은 초보분들이나, 비개발 직군에 있어도 텍스트 형태의 파일을 종종 다루시는 분들께는 도움될거라 생각합니다.

온라인으로 파이썬 강의를 진행하다보니, 영상을 보면서 공부하시는 분들이

"선생님, 똑같이 했는데 저는 왜 안될까요? 버전이 달라서 그럴까요? 맥이라서 그럴까요? 파이썬이 뭔가 바꼈나요?"

라고 종종 물어보십니다.

결론부터 말씀드리면 99% 이상의 경우,

"똑같이 하지 않았기 때문" 입니다.

왜 이런 일이 생길까요?

프로그램은 아 다르고 어 다를 뿐 아니라 l (소문자 L) 다르고 I (대문자 i) 다르고 | (바) 다르기 때문입니다. 하나의 글자만 달라져도 프로그램은 내가 예상한 것과 완전 다른 식으로 동작합니다. 물론 에러메시지를 던져주면 정말 감사히 그곳을 고치면 되지만, 문법상 오류가 없는 경우라면... 눈을 씻고 찾아봐야 하지요.

곧 설명드리는 방법을 배우고 나면 이렇게 됩니다.

1과 l 이 섞여 있던 왼쪽과, 1만 있는 오른쪽을 비교하여 다른 곳을 이렇게 알려줍니다.

눈에 확 들어오지요?

잘못된 형식의 이미지 링크입니다.

이미지가 좀 작게 나올 수도 있는데, 아래 글에서도 서로 다른 부분을 이렇게 표시해준답니다.

잘못된 형식의 이미지 링크입니다.

그리고 소스코드도 이렇게 알아보기 쉽게 알려주지요

잘못된 형식의 이미지 링크입니다.

문장에도 빨갛게, 노랗게 표시를 해주지만, 문장 내에 다른 부분도 저렇게 다른 색으로 알려주니 정말 알아보기 쉽습니다. (노랗게 표시한 부분)

잘못된 형식의 이미지 링크입니다.

그럼 어떻게 하면 이 작업을 할 수 있는지를 알려드립니다.

1. VSCode 를 실행합니다.

설치는 여기서 : https://code.visualstudio.com/

2.Open Folder 를 통해 비교할 파일이 있는 폴더를 엽니다.

잘못된 형식의 이미지 링크입니다.

3. 열린 폴더에서 비교할 2개 파일을 선택합니다. 이 때 Ctrl 키를 누르고 클릭하셔야 동시에 선택이 가능합니다.

예시에서는 3_main_sprite.py 와 practice.py 파일을 선택했습니다

잘못된 형식의 이미지 링크입니다.

4. 마우스 우클릭 - Compare Selected 메뉴를 클릭합니다

잘못된 형식의 이미지 링크입니다.

5. 짠! 하나의 뷰에 비교할 파일 2개의 내용이 좌우로 나눠줘서 다른 부분을 알려줍니다. 참 쉽죠?

예제에서는 8번 줄에 screen = 부분이 빠졌었네요. 참고로 좌측 파일에 screen = 을 집어 넣으면 빨간 / 노란 하이라이팅이 사라진답니다 ^^

잘못된 형식의 이미지 링크입니다.

꼭 개발하시는 분들이 아니더라도, 가령 아래와 같이 텍스트 문서를 종종 편집하시는 분들께, 

ver0.1

ver0.2

ver0.9

ver최종

ver최종_최종

ver진짜마지막_최종

ver진짜진짜끝_완료본

ver진짜진짜끝_완료본_부장님수정본

도움되면 좋겠습니다 ^^

영상이 편하신 분은 여기를 눌러주세요~

감사합니다 !