250x250
Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

devlog_owen

240108 [TIL] inlay hints, prettier 설정, vs code 색상설정 본문

TIL

240108 [TIL] inlay hints, prettier 설정, vs code 색상설정

developer_owen 2024. 1. 10. 15:50
728x90

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라는 테마인데 개인적으로 프리티어 다음으로 가독성이 매우 높아져서 만족한다.


요약

 

처음 개발할때 진작 알았으면 좋았을 지식들을 이제야 적용해서 알게되었다. 초초초보개발자들에게 추천한다.


 

728x90