노트패드 |vscode 단축키, 필수익스텐션

https://ramrider.tistory.com/entry/%EB%85%B8%ED%8A%B8%ED%8C%A8%EB%93%9C-notepad-%EB%8B%A8%EC%B6%95%ED%82%A4-%EC%A0%95%EB%A6%AC

노트패드 notepad++ 단축키 정리

https://parksh3641.tistory.com/entry/Visual-Studio-Code-VSCode-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%8B%A8%EC%B6%95%ED%82%A4-%EA%B0%84%EB%8B%A8-%EC%82%AC%EC%9A%A9%EB%B2%95

Visual Studio Code (VSCode) 유용한 단축키 간단 사용법

 

 

 

 

https://feastforall.tistory.com/238

VSCode 익스텐션 필수! 리스트

• Material Theme
  • 테마 정하기
• Material icon Theme
  • 아이콘 테마, 아이콘이 좀 더 생동감있게 바뀜
• Prettier
  • 코드 포멧팅, crlt , 눌러서 setting 창으로 이동
• Bracket Pair Colorizer
  • 괄호마다 코드에 색깔을 다르게 줌
• Indent-rainbow
  • 들여쓰기 된 부분을 레인보우컬러로 하이라이트 표시
  • 코드 읽을 때 도와줌
• CSS PEEK
  • html에서 css를 금방 찾게해줌
  • html에서 커맨드나 컨트롤 키 누른 상태로 클릭하면 정의된 css파일로 이동함
• Auto rename tag
  • 앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌
• HTML CSS SUPPORT
  • css에서 정의된 class를 html에서 자동으로 완성시켜 이용
• HTML to CSS autocompetion
  • html에서 정의된 class 이름을 css에서 자동으로 완성시켜 이용
• Live server
  • html이나 css수정 시 브라우저 창에 새로고침하는 것을 없애줌
  • 커맨드 팔레트에 >lvie server: Open with Live Server 입력 후 숏컷키 후 실행
• Markdown preview
  • command palete키에 검색하면 됨
  • 우리가 작성한 md파일이 어떻게 preview되는지 확인가능
  • 파일을 잡고 드래그하면 윈도우 원하는 곳 배치가능
• Code runner
  • 자바스크립트 코드의 실행을 VSCODE 내부에서 할 수 있게 지원함