coding/editor 50
[비주얼 스튜디오 코드] 정렬 단축키
비주얼 스튜디오 코드의 정렬 단축키를 알아봅시다. 1. 코드 정렬 단축키 ① 맞지 않는 정렬 일부러 정렬을 좀 망가뜨려놨습니다. 단축키를 이용해 이 정렬을 맞춰볼게요. 보통 코드를 복사해 올 때 많이 정렬이 깨져요. 하나씩 맞추려면 오래걸리니 단축키를 사용하는 것이 좋아요. - ② 전체 선택 단축키 [Ctrl + A]를 눌러 일단 코드 전체 선택을 해줍니다. ③ 코드 정렬 단축키 [Ctrl + K + F]를 누르면 한 번에 정렬됩니다. 중요한 부분은 꼭 순서대로 누르셔야 합니다. Ctrl + F 가 찾기 단축키라 K를 꼭 먼저 눌러주세요. 2. 단축키 모음 https://ssimplay.tistory.com/736 VS code 자주쓰는 단축키 모음 제가 보려고 만든 VS code 단축키 모음입니다. 1..
![[비주얼 스튜디오 코드] 정렬 단축키](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/ljIC7/btsp7TCOr6k/652zkH7iU1FKkAgJxucZkk/img.png)
[SCSS] Live SASS 익스텐션 설치 방법
vs code에서 Live SASS 익스텐션을 설치해 보겠습니다. 1. Live SASS 익스텐션 ① Live SASS Compiler란? SASS 혹은 SCSS를 사용하려면 CSS로 반드시 컴파일을 해줘야 하는데요. 이때 cmd를 이용해 명령어로 컴파일을 해줍니다. 컴파일 방법 자세한 컴파일 방법은 위의 버튼에서 확인해 주세요. 그런데 vs code에서는 익스텐션으로 자동으로 컴파일이 가능하다는 사실! 오늘은 vs code에서 그 익스텐션을 이용해 자동으로 컴파일하는 방법을 알아보겠습니다. 나는 대체 그동안 왜 이 기능을 안 썼는가... 2. Live SASS 익스텐션 설치 ① live sass compiler 검색 vs code 가장 왼쪽에 세로로 된 메뉴가 있습니다. 그중 가장 아래 버튼을 클릭하면..
![[SCSS] Live SASS 익스텐션 설치 방법](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/cUITG3/btr4kiB1Nyx/PqvdV209AxPvIfj005vt50/img.png)
[VS code] lorem ipsum 단어 수 조절하기
lorem ipsum 단어 수를 조절하는 방법이 있다고 하네요. 같이 해봅시다~! 1. lorem ipsum 단어 수 조절하기 ① lorem ipsum 써보기 로렘 입숨을 그냥 쓰면 위의 이미지와 같이 랜덤으로 나오게 됩니다. 오늘은 이 로렘 입숨 글자를 단어 단위로 조절해 보겠습니다. 로렘 입숨이 뭐야? 하신다면 아래 버튼을 클릭해 주세요. lorem ipsum 사용하기 ② 단어 수 적기 알면 생각보다 간단합니다. lorem + Tab으로 사용했던 로렘 입숨글자를 [lorem + 숫자 + Tab]으로 숫자를 끼워줍니다. 여기서 숫자는 단어 단위로 원하는 길이를 내가 직접 조절할 수 있습니다. ③ lorem ipsum 단어 수 세어 보기 여러분이 세기 귀찮으실 것 같아서 제가 숫자를 적어두었습니다. 위에..
![[VS code] lorem ipsum 단어 수 조절하기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/bt7KaX/btr2NvXRLMb/hIPnZod01G9UqWGAiDgyik/img.png)
[우분투] 가상 환경 구축
우분투 가상 환경 구축을 해보겠습니다. 우분투 설치 우분투 설치전이신 분들은 위의 버튼을 클릭해 설치를 먼저 진행해주세요. 1. 가상 환경 설정 ① VMware 실행 새로운 가상 환경을 만들기 위해 설치해둔 VMware를 실행해주세요. ② Create VMware가 실행되면 Create a New Virtual Machine 버튼을 클릭해 새로운 가상 환경(Virtual Machine)을 만들어 줍시다. ③ 체크 후 Next 맨 아래 I will install the operating system later.를 선택해줍니다. 나중에 운영체제를 설치한다는 옵션인데 실제 환경이랑 최대한 비슷하게 만들려고 선택합니다. ④ 운영 체제 선택 우분투는 리눅스(Linux)기반 운영체제를 사용하니 리눅스를 선택합니다...
![[우분투] 가상 환경 구축](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/wKKTa/btrOvbGVp4t/K3ZkPpOUxplF8OkPZlsrSk/img.png)
vscode 유용한 단축키 빠른 행 이동
vscode 유용한 단축키 중 하나 빠른 행 이동을 단축키를 사용해서 해보겠습니다. 1. 빠른 행 이동 빠른 행 이동이란? vs code 유용한 단축키 중 하나인 행 이동 단축키 그렇다면 빠른 행 이동이란 무엇을 말하는 것일까요? 위의 이미지를 보면 대략적으로 짐작이 가능하시겠지만 원하는 행의 번호를 입력해 바로 이동하는 기능입니다. 예시로 사용한 파일은 길지 않아서 122줄 정도이지만 코드를 짜다보면 200줄은 훌쩍 넘어버리고 그러잖아요. 그럴 때는 이런 행 이동 단축키가 유용합니다. - - 이 단축키는 행 자체를 이동시키는 것이 아니고 행이 있는 곳으로 화면을 이동하는 단축키입니다. 혹시 행 자체를 이동하는 단축키가 알고 싶으시다면 아래 버튼을 클릭해주세요. 행 이동 단축키 2. vs code 유용한..
