devlog_owen
240108 [TIL] inlay hints, prettier 설정, vs code 색상설정 본문
inlay hints 설정하기
https://velog.io/@seuhyang/VSCode-Inlay-Hints
[VSCode] Inlay Hints
VSCode(Visual Studio Code)에는 유용한 기능이 많은데 그중 하나인 Inlay Hints이다. 자바스크립트나 타입스크립트를 사용할 때, 변수나 함수의 타입을 VSCode가 추론한 타입을 확인 할 수 있게 해주는 기능
velog.io
튜터님들 강의볼때마다 알고싶었던 거였는데 이제야 알게되었다. 옆에 자동으로 주석처럼 힌트?비슷한 정보를 주는 기능이다.
Ctrl이랑 , 을 눌러주면 설정이 뜨는데 거기서 inlay hints 를 검색한다
onUnlessPressed로 설정하고 밑에 보이는 js,ts 설정들 체크는 옵션이지만 위 링크에서 다 체크했길래 나도 다 체크했다.
prettier 설정
https://modolee-blog.tistory.com/5
Prettier로 코드 포맷 통일하기
Prettier란? 현재 가장 널리 사용되고 있는 코드 포맷팅 툴이다. 홈페이지에 나와 있듯이 다양한 언어를 지원하며, 대부분의 IDE에서 Plugin으로 사용할 수 있다. 코드 포맷팅이랑? 혼자 코딩을 할 때
modolee-blog.tistory.com
그동안 프리티어 파일 만들고 포맷터 설정까지 했는데 자동으로 프리티어가 설정이 안되는 이유가 있었다.
바로 이걸 체크해야한다. 물론 선행으로 프리티어 확장프로그램과 프리티어 파일서식, 포맷터 설정이 필요한데 위 링크에서 친절하게 성일튜터님이 잘 정리해두셨다.
VS CODE 색상설정
다크모드로 VS CODE를 쓰고 있었는데 아주 간단하게 여러 색상 테마로 바꾸는 방법을 알았다.
밑의 톱니바퀴에서 테마-색테마를 누르면 아주 여러가지 색상 테마가 나온다. 나는 monokai라는 테마인데 개인적으로 프리티어 다음으로 가독성이 매우 높아져서 만족한다.
요약
처음 개발할때 진작 알았으면 좋았을 지식들을 이제야 적용해서 알게되었다. 초초초보개발자들에게 추천한다.
'TIL' 카테고리의 다른 글
[TIL] Redis란? Redis와 MySQL의 차이, Redis 설치 (1) | 2024.01.12 |
---|---|
240110 [TIL] nest.js 내장 예외처리 정리,HTTP 상태코드 (2) | 2024.01.11 |
240109 [TIL] nest.js mailer 사용하기 (0) | 2024.01.10 |
240105 [TIL] 팀프로젝트 트렐로(Trello) 클론코딩 1일차 (0) | 2024.01.06 |
240104 [TIL] autoLoadEntities, logging/ValidationPipe/swagger 사용법 (2) | 2024.01.05 |