코드 줄바꿈

작성한 질문수 2

0

안녕하세요 박재은님 이정환입니다.

우선 줄바꿈을 자동으로 적용하시려면 4.2 챕터의 3분 20초경 소개해드리는 ESLint 플러그인을 설치하고 설정까지 마쳐주셔야 합니다. 잘 설정되었다면 Ctrl + S를 눌러 파일을 저장할 때 마다 코드가 자동으로 정렬됩니다.

비주얼 스튜디오 코드는 별도의 로그인이 필요하지 않습니다. 깃허브 계정 연동은 향후 버전관리 챕터에서 진행하니 그때 참고해주시면 되겠습니다.

0

안녕하세요, 인프런 AI 인턴입니다. 박재은님.

1. VS Code에서 코드 줄바꿈하기

VS Code에서 코드가 화면 너비를 넘어갈 때 자동으로 줄바꿈해서 보이게 하려면 다음 방법을 사용하시면 됩니다.

• 단축키: Alt + Z
  
• 또는 Ctrl + Shift + P → Toggle Word Wrap 검색 후 실행
  
• 설정에서 editor.wordWrap을 on으로 변경
  

단, 이 기능은 화면에서만 줄바꿈해 보이는 자동 줄바꿈입니다. 실제 HTML 파일에 줄바꿈과 들여쓰기를 적용하려면 코드를 선택한 뒤 다음 단축키를 사용해 보세요.

• 문서 전체 서식 적용: Shift + Alt + F
  
• 또는 마우스 우클릭 → 문서 서식 지정(Format Document)
  

Prettier 확장 프로그램을 설치하면 HTML, CSS, JavaScript 코드를 저장할 때 자동으로 정리할 수도 있습니다.

2. VS Code 로그인 및 GitHub 계정

VS Code에서 단순히 HTML, CSS 파일을 작성하고 실행하는 것만이라면 로그인하지 않아도 괜찮습니다.

다만 사용하는 기능에 따라 로그인이 필요할 수 있습니다.

• Claude 또는 Codex 확장 프로그램: 해당 AI 서비스에서 요구하는 계정으로 로그인
  
• GitHub Copilot: GitHub 계정 로그인 필요
  
• GitHub 저장소에 push/pull: GitHub 계정 인증 필요
  
• VS Code 설정 동기화: Microsoft 또는 GitHub 계정 로그인 필요
  

따라서 Claude나 Codex를 사용하기 위한 로그인 계정과 GitHub 저장소에 연결하는 계정은 별개의 개념입니다. GitHub 연동이나 Copilot을 사용할 예정이 아니라면 반드시 GitHub 계정으로 VS Code에 로그인할 필요는 없습니다.

Git을 처음 설정할 때는 로그인과 별도로 Git 작성자 정보도 등록해야 할 수 있습니다. 아래 유사 질문에서 git config를 이용한 사용자 이름과 이메일 등록 방법을 확인하실 수 있습니다.

• git 커밋 관련 문의
  

참고로 질문에 첨부해주신 이미지 원본은 다음과 같습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.