Jinho Tech

훈련소 갔다 오고 나서 오랜만에 글을 쓴다.

최근에는 주피터 노트북에서 벗어나 vscode를 사용해보고 있는 중이다. 서버 접속도 뚝딱이고 아주 편리한 것 같다.

오늘은 vscode에 배경 이미지를 추가해보자.

Extensions에서 background를 설치하고

ctrl + shift + p를 눌러 Command Palette를 열고 Preferences: Open Settings (JSON)를 검색해서 

settings.json파일을 연다. 그러면 아래와 같이 뭔가 잡다하게 적혀있거나 아예 비어있거나 둘 중 하나일 건데

{} 안에 아래 코드를 추가해주면 

    "background.enabled": true,
    "background.loop": false,
    "background.useDefault": false,
    "background.useFront": true,
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "left",
        "background-size": "cover",
        "background-repeat": "no-repeat",
        "opacity": 0.25
    },
    "background.customImages": [
        "https://media.vlpt.us/images/wjdgml3834/post/04747625-84d3-4d6e-a940-5e00b73babf7/image.jpeg"
    ]

이런 느낌으로 배경이 적용된다. background.style에서 스타일을 바꿀 수 있고

background.customImages에서 배경으로 쓰고 싶은 이미지를 지정해줄 수 있다.