[HTML] VSCode에서 긴 줄을 자동으로 뷰어 내로 모아주는 기능, word wrap

문단이 길어져 뷰어를 벗어나는 경우, word wrap

문단이 길어져 뷰어 범위를 벗어나는 문제를 해결하기 위해 'word wrap' 기능을 사용할 수 있습니다. 이 기능은 긴 줄을 자동으로 다음 줄로 넘겨서 가독성을 높여줍니다.

문단이 길어 뷰어를 벗어난 경우

Visual Studio Code에서 word wrap 기능을 활성화하는 방법은 다음과 같습니다:

1. View 메뉴를 열고,
2. Word Wrap 옵션을 선택합니다.

또는 키보드 단축키를 사용할 수도 있습니다. 일반적으로:

• Windows/Linux에서는 Alt + Z
• macOS에서는 Option + Z

단축키를 통해 토글 할 수 있으며, 이렇게 하면 현재 열린 파일에 대해 word wrap이 적용됩니다.

'Word Wrap'이 적용된 상태

 

상세 조정

더 세밀한 조정을 원한다면, 설정에 들어가서 word wrap과 관련된 설정을 변경할 수도 있습니다:

1. File > Preferences > Settings (Windows/Linux) 또는 Code > Preferences > Settings (macOS)로 이동합니다.
2. 'Word Wrap'를 검색하여 관련 옵션을 찾습니다.
3. 'editor.wordWrap' 설정을 'on'으로 설정하거나 다른 옵션('bounded', 'wordWrapColumn' 등)을 선택합니다.

이러한 설정을 조정함으로써, 텍스트가 편집기 창에 맞게 적절히 줄바꿈 되어 가독성이 높아질 것입니다.