나는 인디
Life Debugging
나는 인디
전체 방문자
오늘
어제
  • 분류 전체보기 (15)
    • Log.life (2)
      • Occasional (2)
    • Learn (8)
      • SC (0)
      • BOJ (5)
      • 프로그래머스 (3)
    • Java (1)
    • HTML (2)
    • Python (0)
    • Tips (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 분해합
  • 달력
  • 클론코딩
  • 로또
  • html
  • 2231
  • 1436
  • 자바
  • 전화번호 목록
  • 완주하지 못한 선수
  • 국비지원
  • 캠핑
  • vscode
  • 위장
  • 클래스 반복
  • css
  • 인프런강의
  • 백준
  • python
  • 프로그래머스
  • vscode 화면분할
  • 풀스택
  • 영화감독 숌
  • 파이썬
  • 4796
  • 주민번호
  • BOJ
  • 구구단
  • 부트캠프

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
나는 인디

Life Debugging

(VScode) 코드 화면분할
Tips

(VScode) 코드 화면분할

2022. 6. 13. 15:08

VScode 화면분할의 필요성

HTML 코드 작성중 CSS를 이용하여 속성을 부여할 때 필요성을 느껴 찾아보게 되었다.

HTML 코드 내에서 CSS파일을 연결하여 한 화면에 띄워둔 상태로 편집하는것이 편한데

 

일반적인 VScode 화면분할

이것저것 눌러보았을 때 좌우로 밖에 분리되지않아 불편해보였다.

코드는 가로로 길게 보아야 가독성이 좋을 것 같은데 이런식으로 좌/우 분할을 하게되면 한 줄에 표시할 수 있는 코드가 적어지기 때문에 가독성 측면에서 불리하여 은근 신경쓰인다. 따라서 상/하로 분리할 수 있는 방법을 찾게되었고, 검색을 통해 알아낸 vscode 상/하 화면분할 방법을 소개하려고 한다.

 

VScode 상/하 화면 분할 방법

VScode 상/하 화면분할 방법

분할하고 싶은 파일을 우클릭하여 '아래로 분할'을 클릭하면 된다.

 

...

 

너무 간단하여 솔직히 팁이라고 하기도 뭐하지만 은근히 숨어있는 느낌이라 아무것도 모르는상태에서 찾기 힘든편이다.

파일을 끌어다가 화면 아래쪽으로 드래그 해보기도 하고,

위 첨부된 사진에 보이는 vscode 프로그램의 화면분할처럼 생긴 버튼을 눌러보기도 했지만 정답은 아니었다. ㅋㅋ

일단 작성해두었다가 주변에서 누군가 나와 같은 고민을 하고있을때 짜잔 하고 알려줘야겠다.

저작자표시 비영리 변경금지 (새창열림)
    나는 인디
    나는 인디

    티스토리툴바