반응형

Visual Studio Code Logo

 

안녕하세요.

즐거운 우리집(https://joyfulhome.tistory.com/) 입니다.

 

오늘은 파이썬(Python) 등으로 인해서 요즘 많이 사용하시는 

비쥬얼 스튜디오 코드 (Visual Studio Code) 에 대해서 말씀 드리려고 해요. ^^

 

코드를 작업하시다보면 지금 작성을 하긴 하는데,

이후에 다시 수정을 해야 할 곳이라던가 (지금은 우선 빨리 처리해야 하니 수정은 다음에~ ㅋ)

클린 코드를 만들기 위해서 책갈피를 끼워 넣는 부분이 생기기 마련이죠.

 

주석을 사용하여 남기곤 하지만,

수천 수만라인의 코드 속에서...

또 수십, 수백, 수천의 파일 속에서 

찾고 싶을 때 이런 주석을 찾기란 쉽지 않죠.

 

많은 프로그램들에서 주석에 TODO 등을 남겼을때 찾기 쉽게 제공을 해 주고 있는데요.

비쥬얼 스튜디오 코드 (Visual Studio Code) 에서도 TODO를 남겼을때

찾기 쉽게, 그리고 한 눈에 들어올 수 있도록 해 줍니다.

단, 기본 기능에는 들어있지 않아서 추가기능 (Extension) 을 설치해 주셔야 합니다.

 

그럼 어떻게 하는지 한 번 같이 알아보실까요?

 

 

반응형

 

 

비쥬얼 스튜디오 코드 (Visual Studio Code) 에서 TODO, FIXME 기능 이용하기

 

01. 비쥬얼 스튜디오 코드 (Visual Studio Code) 실행 > Extenstions > TODO 검색

    비쥬얼 스튜디오 코드 (Visual Studio Code) 를 실행 하여 준 뒤,

    왼쪽 메뉴에 추가 기능들을 설치 할 수 있는 마켓인 EXTENSION 를 선택해 줍니다.

    그리고 검색창에 TODO 라고 입력 후 검색을 하여 줍니다.

    기능들이 비슷한 것들이 많이 있는데 검색된 내용 중 'Todo Tree' 를 선택해 주세요.

 

 

02. Todo Tree 설치

    Todo Tree, Gruntfuggly 를 선택하시고 설치 (Install) 을 해주세요. 

    설치는 금방 끝납니다. ㅎ

    사용 방법 등 자세한 사항은 아래 내용 들을 읽어서 참고해주시며 좋아요 ^^

 

 

03. 코드에 TODO, FIXME 사용하여 주석처리

     코드 주석 으로 TODO 또는 FIXME 를 사용하시면 해당 단어에 하이라이트가 됩니다.

     이렇게 보이는 방식은 따로 변경할 수 있는데 이건 따로 포스팅하여 알려드릴께요.

     기본적으로는 위 처럼 보이는데 이렇게도 눈에 쉽게 띄어 좋습니다. ^^

     그런데 이렇게 파일을 찾고 해당 위치까지 스크롤해야지만 찾아진다면... 추가 기능을 이용할 일이 없겠죠?

     우리는 이런 주석해 놓은 곳을 바로 찾고 싶습니다... 그럼 어떻게??? 

 

    

04. Todo Tree > 위치 확인

     왼쪽에 보시면 Todo Tree 후 나무 모양이 추가된 것을 확인 하실 수 있습니다.

     이 나무 모양을 누르시면 file tree 위치에 TODO 와 FIXME로 쓰여진 주석을 보실 수 있습니다.

     파일 단위로 보실 수 있으며, 이 주석을 클릭하시면 오른쪽에 해당 위치로 바로 가서 보여준답니다.

 

 

이렇게 다음에 해야할 부분에 TODO 주석을 남기고

수정해야할 부분에 FIXME 주석을 남기고,

기타 코멘트 등을 (comment view) 다음에 빠르게 찾아보실 수 있을꺼에요.

시간은 소중하니까요 ^^

 

 

그럼 오늘도 즐거운 하루 되세요~ ^^

 

 

반응형
  1. 이전 댓글 더보기
  2. Favicon of https://hongcopy.tistory.com 홍카피 2022.04.19 16:19 신고

    비주얼 스튜디오는 처음 들어보네요 ㅎㅎ
    오늘도 잘보고 갑니다!!

  3. Favicon of https://jck313.tistory.com 하얀고래🤍 2022.04.19 17:58 신고

    좋은 정보 감사합니다~재밋네요 ㅎㅎ

  4. Favicon of https://breezehu.tistory.com 난짬뽕 2022.04.19 18:50 신고

    파이썬, 비쥬얼 스튜디오 코드~~ 주변에서 많이 들어봤는데, 아는 거라고는 하나도 없네요. ㅎㅎ 그래서 이 포스팅을 읽을 때마다 아무 것도 모르는데도 재밌어요. ㅎㅎ^*^

  5. Favicon of https://dreamlover2425.tistory.com 드림 사랑 2022.04.19 20:06 신고

    파이썬은 봐도 봐도 어렵고 복잡하고 모르겠더라구요 :(

  6. 감사합니다.
    좋은 하루되세요!

  7. Favicon of https://friendly-m.tistory.com Friendly M 2022.04.19 21:11 신고

    처음보는거네요..^^
    잘 보고가요.
    행복한 하루 되세요..
    구독신청하구가요...

  8. Favicon of https://christineworld.tistory.com 젬준 2022.04.20 00:51 신고

    이런것도 있었군요. 감사합니다

  9. Favicon of https://heysukim114.tistory.com *저녁노을* 2022.04.20 01:36 신고

    공부하고 갑니다.
    즐거운 하루 되세요

  10. Favicon of https://doctorwife.tistory.com 닥터와이프 2022.04.20 04:29 신고

    확인하기 편할 것 같애요!

  11. Favicon of https://leeesann.tistory.com pennpenn 2022.04.20 07:06 신고

    유익한 정보 잘 보았습니다.

    오늘은 장애인의 날입니다.
    수요일을 잘 보내세요.

  12. Favicon of https://kangdante.tistory.com kangdante 2022.04.20 07:33 신고

    비쥬얼 스튜디오 코드에 대해 알고 갑니다
    어렵지만 알아두면 유용한 정보 같아요. ^^

  13. Favicon of https://memoryseung1224.tistory.com 청두꺼비 2022.04.20 07:46 신고

    좋은 정보 감사해요.
    덕분에 잘 알고 가요 : )

  14. Favicon of https://moldone.tistory.com 팡이원 2022.04.20 14:58 신고

    포스팅 잘 보고 갑니다
    오늘도 즐거운 하루 보내세요~

  15. Favicon of https://travelyoungdo.tistory.com 영도나그네 2022.04.20 15:50 신고

    전문적인 내용이군요..
    좋은 내용 잘보고 갑니다..

  16. 익명 2022.04.20 16:26

    비밀댓글입니다

  17. Favicon of https://onion02.tistory.com 까칠양파 2022.04.20 18:03 신고

    그대로 따라하면 누구나 할 수 있겠죠. ㅎㅎ

  18. Favicon of https://kklove08.tistory.com kklove08 2022.04.21 20:19 신고

    오늘도 유용한 정보 잘 보고 하트 꾹 누르고 갑니다~!! 남은 하루도 행복하세요^_^

  19. Favicon of https://ijakkaya.tistory.com 이자까야_ 2022.04.21 21:25 신고

    비주얼 스튜디오 코드 좋은 정보 잘 보았습니다
    오늘도 하루 즐겁게 마무리하시고
    내일 금요일 힘내세요!^^

  20. Favicon of https://vjdin.tistory.com 웰빙방송 2022.04.22 01:31 신고

    안녕하세요 공감 누르고 포스팅 잘보고 갑니다 고운 밤 되세요

  21. 좋은 정보 잘봤습니다.
    화창한 오후되세요!