개발 필수 요소 설치
코딩을 시작하면 컴퓨터에 몇 가지 필수 개발 도구를 설치해야 합니다. Cline은 안전하고 안내된 방식으로 필요한 모든 것을 설치하는 데 도움을 줄 수 있습니다.
🧰 필수 도구
개발에 필요한 핵심 도구는 다음과 같습니다.- Node.js 및 npm: JavaScript 및 웹 개발에 필요합니다.
- Git: 코드 변경 사항을 추적하고 다른 사람과 공동 작업하는 데 사용됩니다.
- 패키지 관리자: 다른 개발 도구를 쉽게 설치할 수 있도록 하는 도구입니다.
- macOS용 Homebrew
- Windows용 Chocolatey
- Linux용 apt/yum
💡 팁: 이러한 도구는 개발자 도구 키트의 기초입니다. 올바르게 설치하면 성공을 위한 준비가 완료됩니다!
🚀 Cline이 모든 것을 설치하도록 하십시오.
운영 체제에 따라 다음 프롬프트 중 하나를 복사하여 Cline에 붙여넣습니다.macOS의 경우
Windows의 경우
Linux의 경우
✅ 전문가 팁: Cline은 실행하기 전에 각 명령을 보여줍니다. 항상 제어권을 유지할 수 있습니다!
🔍 어떤 일이 발생할까요?
Cline은 다음 단계를 안내합니다.- 시스템에 적합한 패키지 관리자 설치
- 패키지 관리자를 사용하여 Node.js 및 Git 설치
- 실행하기 전에 정확한 명령을 보여줍니다(각 단계를 승인합니다!).
- 각 설치가 성공적으로 완료되었는지 확인합니다.
⚠️ 참고: 일부 설치에는 컴퓨터 암호를 입력해야 할 수 있습니다. 이는 정상입니다!
💡 이러한 도구가 중요한 이유
- Node.js 및 npm:
- React 또는 Next.js와 같은 프레임워크로 웹사이트를 구축합니다.
- JavaScript 코드를 실행합니다.
- JavaScript 패키지를 설치합니다.
- Git:
- 코드의 다른 버전을 저장합니다.
- 다른 개발자와 공동 작업합니다.
- 작업을 백업합니다.
- 패키지 관리자:
- 개발 도구를 빠르게 설치하고 업데이트합니다.
- 환경을 체계적으로 최신 상태로 유지합니다.
🧩 참고 사항
💡 팁: 설치 프로세스는 대화형입니다. Cline이 단계별로 안내해 드릴 것입니다!
- 모든 명령은 실행하기 전에 승인을 위해 사용자에게 표시됩니다.
- 문제가 발생하면 Cline이 문제 해결을 도와줄 것입니다.
- 특정 단계에서는 컴퓨터 암호를 입력해야 할 수 있습니다.
🧑💻 초보 코더를 위한 추가 팁
터미널 이해
터미널은 컴퓨터와 상호 작용하기 위해 명령을 입력할 수 있는 애플리케이션입니다.- macOS: Spotlight에서 “터미널”을 검색하여 엽니다.
- 예시:
VS Code 기능 이해
- VS Code의 터미널: VS Code 내에서 직접 명령을 실행합니다!
- 보기 > 터미널로 이동하거나 `Ctrl + “를 누릅니다.
- 예시:
- 문서 보기: 코드 파일을 편집하는 곳입니다.
- 왼쪽 탐색기 패널에서 파일을 엽니다.
- 문제 섹션: 코드의 오류 또는 경고를 봅니다.
- 전구 아이콘을 클릭하거나 보기 > 문제를 클릭하여 액세스합니다.
일반적인 기능
- 명령줄 인터페이스(CLI): 명령을 실행하기 위한 강력한 도구입니다.
- 권한: 특정 명령에 권한을 부여해야 할 수 있습니다. 이렇게 하면 시스템이 안전하게 유지됩니다.