반응형 앱 만들기/비쥬얼스튜디오 코드8 VSC 한줄복사 단축키 비쥬얼 스튜디오 에서 한줄복사 가 필요할때가 있습니다. 위에서 태그를 복제하기 위해서는 Alt+Shift+ 화살표 업/다운 키를 누르면 됩니다. Alt+Shift+화살표 UP 키는 현재줄의 내용을 위에 줄에 복사하는 것 이고, 화살표 down 은 밑에줄로 현재줄의 내용을 복사하는 것입니다. 하기는, 단축키로 손쉽게 내용을 복사한 결과입니다. 참고로, Ctrl+ C , Ctrl+V 를 통해서도 한줄 복사 붙여넣기가 가능합니다. 다만, 라인을 직접 이동후 복사와 붙여넣기를 해야되는 약간의 불편한점이 있기에 Atl+Shift+화살표 업/다운 키를 사용하는 것이 조금 더 편리합니다. 앱 만들기/비쥬얼스튜디오 코드 2023. 7. 5. VSC 자주사용되는 유용한 단축키 자주사용되는 단축키 자주 사용되는 단축키 를 정리하기에 앞서 일반적으로 윈도우의 Ctrl 키는 Mac의 Cmd 와 일치합니다. 그럼 단축키를 정리 해볼까요? 설정 윈도우 : Ctrl + , Mac : Cmd + , 사이드 바 열고닫기 윈도우 : Ctrl + B Mac : Cmd + B 편집창 열기 윈도우 : Ctrl + \ Mac : Cmd + \ 편집창 닫기 윈도우 : Ctrl + W Mac : Cmd + W 이름으로 파일 검색 윈도우 : Ctrl + P Mac : Cmd + P 모든명령 표시 윈도우 : Ctrl + Shift + P Mac : Cmd + Shift + P 파일내 검색 윈도우 : Ctrl + F Mac : Cmd + F 파일내 내용 바꾸기 윈도우 : Ctrl + H Mac : Cmd +.. 앱 만들기/비쥬얼스튜디오 코드 2023. 5. 29. 비주얼스튜디오 주석처리 하기 주석 주석이란. 코딩내용을 설명해주는 내용입니다. 그렇기에 실행코드에는 아무런 영향을 주지 않습니다. 하지만, 코딩 시 주석처리는 매우 중요합니다. 실무 프로젝트 시 여러 사람이 소스를 만지다 보면, 이 함수가 어떤 역할을 하는지 주석처리가 되어 있다면 빠르게 유지보수가 가능합니다. 하지만 그보다도 본인이 짠 코드도 한 1년 후 보면 긴가 민가 합니다. 그렇기에 그 당시에 수정한 날짜 및 해당 기능 및 수정사항에 대해서 자세히 적어두면 둘 수록 좋습니다. 귀찮다고 주석없이 짰다가 현재는 편할지 몰라도 어느 정도의 시간이 지나면, 인간의 뇌는 기억이 그리 오래 남지 않다는 것을 금방 알 수 있습니다. 그렇기에 주석은 메모와 유사하다고 생각 하면 됩니다. 비주얼스튜디오 웹 문서에 주석처리 하는 방법을 알아봅.. 앱 만들기/비쥬얼스튜디오 코드 2023. 2. 8. 비쥬얼스튜디오 코드 탭 사이즈 조정하기 웹문서를 작성할때 탭 사이즈가 너무 크거나 작으면 문서의 직관성이 떨어집니다. 하기처럼 태그들이 적당한 정렬을 유지할때 직관성이 높아집니다. 코딩시 탭을 이용해서 태그들의 시작위치를 잡으면 편리합니다. 탭 사이즈를 조정하는 방법을 알아보겠습니다. 1. 비쥬얼스튜디오 코드 왼쪽하단 '관리 아이콘'을 클릭 합니다. - 팝업메뉴에서 설정을 선택합니다. 혹은 Ctrl 과, 키를 누르면 설정으로 이동하게 됩니다. 설정 단축키(Ctrl+,) 2. 설정 메뉴 검색란에서 "탭"으로 검색합니다. - 메뉴에서 일일이 찾기가 번거롭기에 "탭"으로 검색하면 관련 설정들이 나옵니다. Editor:Tab Size 란의 숫자를 조정하면 탭 사이즈가 조정 됩니다. 일반적으로 2, 4 정도를 많이 사용합니다. 별도의 저장은 필요없고 .. 앱 만들기/비쥬얼스튜디오 코드 2023. 1. 23. 비쥬얼스튜디오 코드 html 기본 태그 생성방법 HTML 문서의 기본 구조 HTML 문서는 기본적인 구조를 가지고 있습니다. 예제를 통해 알아보겠습니다. 안녕하세요. 웹 문서 입니다. HTML 은 크게 3가지 태그 로 구분됩니다. 태그 란 기호를 가진 html 의 최소 단위로 html 요 soo0100.tistory.com 지난 시간 html 문서의 기본 구조를 알아보았습니다. 기본 태그 구조를 하나하나 코딩 하기에는 번거롭기도 하고 다 외우기도 쉽지 않습니다. 비주얼스튜디오 코드를 사용하면 손쉽게 html 기본 구조를 잡아줄 수 있습니다. 기본 구조 위에 자신이 작성하고 싶은 내용만 추가하면 되겠습니다. 1. 비쥬얼 스튜디오 코드에서 새로운 파일을 하나 만듭니다. - test.html 로 만들어 봅니다. 위처럼 test.html 파일에는 아무런 태그.. 앱 만들기/비쥬얼스튜디오 코드 2023. 1. 22. 비주얼스튜디오코드 색 테마 변경 하기 색 테마변경 비주얼스튜디오 코드 에디터의 색 테마 변경 입니다. 에디터 사용시 장시간 사용하다보니 눈이 편한 색상으로 변경하는 것이 좋습니다. 비주얼스튜디오 코드 를 실행 후, 왼쪽 하단 톱니바퀴 아이콘(설정) 을 클릭 -> 서브메뉴 '색 테마' 를 선택 합니다. 하기처럼 여러가지 색상 테마 리스트가 나옵니다. 테마에 따라 여러 색상을 선택이 가능합니다 개인마다 차이는 있겠지만, 에디터는 일반적으로 검정색 테마가 많이 사용되어지는 편 입니다. 아무래도 검정 톤이 눈의 자극이 적습니다. 오늘은 비주얼스튜디오 코드 에디터 색상을 변경하는 방법을 알아 보았습니다. 감사합니다. 비쥬얼 스튜디오 코드 한글팩 적용하기 "비쥬얼 스튜디오 코드"에서 한글 팩 설치 방법 입니다. "비쥬얼 스튜디오 코드" 왼쪽 하단 확장.. 앱 만들기/비쥬얼스튜디오 코드 2023. 1. 7. 비쥬얼 스튜디오 코드 한글팩 적용하기 한글팩 설치하기 "비쥬얼 스튜디오 코드"에서 한글 팩 설치 방법 입니다. "비쥬얼 스튜디오 코드" 왼쪽 하단 확장 아이콘을 선택하고, 검색창에 korea 라고 입력 합니다. 그럼 리스트에 한글과 관련된 확장 프로그램들이 나옵니다. 거기서 가장 첫번째 korean Language Pack for Visual Studio Code 를 설치 합니다. Install 하고 나면 설치버튼이 하기처럼 Uninstall 로 바뀝니다. 오른쪽 하단 팝업 창에서 Change Language and Restart 버튼을 선택합니다. 비주얼 스튜디오 ui 언어를 한글로 바꾸고 재 실행 하겠느냐는 의미입니다. 비쥬얼 스튜디오 코드가 재실행 되고, 한글이 적용 되었습니다. 해당 한글팩은 마이크로소프트에서 배포되는 것으로 안전 합.. 앱 만들기/비쥬얼스튜디오 코드 2023. 1. 5. 비쥬얼 스튜디오 코드 다운로드 받기 웹 언어를 공부하거나, 개발시 무료 에디터가 필요하다면 "비쥬얼 스튜디오 코드"를 추천드립니다. 비쥬얼스튜디오 코드는 마이크로 소프트 사에서 제작한 무료 개발 에디터 입니다. 하기 사이트에서 다운로드 받으면 됩니다. 비쥬얼스튜디오 코드 다운로드 사이트 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Win.. 앱 만들기/비쥬얼스튜디오 코드 2023. 1. 4. 이전 1 다음 반응형