Lovable 한국어 문서
원본 문서 보기

프로젝트 코드 보기 및 편집하기

Lovable 코드 에디터에서 프로젝트의 소스 코드를 직접 보고 수동으로 편집하세요.

이 기능은 프로젝트의 기본 코드베이스에 직접 액세스할 수 있게 해줍니다. 도구를 전환하거나 프로젝트를 내보내지 않고도 파일을 검사하고, 대상 편집을 하고, 문제를 해결할 수 있습니다.

Build Code Editor

할 수 있는 것

코드 에디터 뷰에서 다음을 수행할 수 있습니다:

  • 전체 프로젝트 파일 구조 탐색
  • 파일 전체 검색 및 특정 컴포넌트로 이동
  • 파일 검사 및 직접 편집
  • 코드 포맷팅
  • 파일 내용 복사
  • 파일 다운로드
  • 전체 프로젝트 코드베이스를 ZIP으로 다운로드
  • 채팅에서 파일을 참조하여 대상 편집과 토론을 더 빠르고 명확하게

채팅에서 코드 파일 멘션하기.
코드 에디터에서 @를 입력하거나 채팅에서 파일 참조 버튼을 클릭하여 특정 파일을 멘션하세요. 예시:
@src/components/UserProfile.tsx 여기에 로딩 상태를 추가해줘

알아두면 좋은 것

  • 여기서 변경한 내용은 프로젝트에 즉시 영향을 미칩니다
  • 코드 편집은 유료 플랜에서만 사용 가능합니다
  • 이것은 수동 조정을 위한 것이며 Agent 모드에서 빌드할 때 필수는 아닙니다

On this page