본문 바로가기

코딩 팁3

비주얼 스튜디오 코드 VSC, 같은 코드들 한꺼번에 수정하기 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 세 번째로 올려보는 비주얼 스튜디오 코드 Visual Studio Code의 꿀팁, 이번에는 수정해야 할 똑같은 코드들을 한꺼번에 선택해서 동시에 수정하는 방법을 알아보겠습니다. 위의 코드를 수정해보려고 합니다. 다들 VSC를 쓰면서 이런 경험 있으시죠? 코드를 드래그했을 때, 같은 코드가 쓰여있는 다른 부분들도 같이 드래그가 되는 이런 모습.. 이 상태가 되었을 때 Ctrl+D를 누르면 누를 때마다 화면에 커서가 하나씩 더 추가됩니다. 한번 눌렀더니 커서가 두 개가 되었고, 또 한번 눌렀더니 깜빡깜빡이는 커서가 3개가 되었습니다. 이때 수정할 내용을 입력하면 선택된 부분들이 동시에 수정이 됩니다... 2021. 1. 29. 10:58
비주얼 스튜디오 코드 VSC, 코드 경량화 minify 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. CSS 코드 경량화 minify 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 CSS, link와 import 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분 gogogameboy.tistory.com 웹사이트를 만들 때 코드 경량화 minify를 하는 것은 로딩 속도에 많은 도움을 줍니다. 코드 경량화란 무엇인지, 왜 하는 것인지에 대한 자세한 내용은 위의 포스트를 확인해주시기 바랍니다. 코드 경량화 minify는 어떻게 하는 것인지 검색을 해보면 대부분 코드 경량화를 해주는 웹사이트를 소개합니다. 그렇게 코드 경량화.. 2021. 1. 14. 11:56
비주얼 스튜디오 코드 VSC 자동 줄바꿈 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 메모장보다 훨씬 편리한 코드 에디터 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 a 태그를 이용해 간단한 웹사이트 만들기 이 포스팅은 PC로 작성되었습 gogogameboy.tistory.com 블로그의 html 카테고리에 위와 같은 글을 작성하면서 아톰 Atom이라는 코드 에디터와 현재 제가 사용하고 있는 요즘의 대세인 비주얼 스튜디오 코드 Visual Studio Code를 소개한 적이 있습니다. 이번의 포스팅에서는 그 비주얼 스튜디오 코드의 좀 더 편리한 코딩 환경을 위해 자동 줄바꿈이 되게 설정하는 법을 알아보겠습니다.. 2021. 1. 14. 09:09