개발 환경 준비

요구 사항

• Astro 웹 사이트를 구축하는 데 사용할 도구를 설치하십시오.

필요한 개발 도구를 확보하세요

섹션 제목: 필요한 개발 도구를 확보하세요

터미널

섹션 제목: 터미널

명령줄 (터미널) 을 사용하여 Astro 프로젝트를 만들고 주요 명령을 실행하여 사이트를 빌드, 개발, 테스트하게 됩니다.

운영 체제의 로컬 터미널 프로그램을 통해 명령줄에 액세스할 수 있습니다. 일반적인 애플리케이션으로는 터미널 (MacOS/Linux), 명령 프롬프트 (Windows), Termux (Android)가 있습니다. 이들 중 하나는 이미 여러분의 컴퓨터에 있을 것입니다.

Node.js

섹션 제목: Node.js

Astro를 시스템에서 실행하려면 Node.js 버전 v18.17.1 또는 v20.3.0 이상이 설치되어 있어야 합니다. (v19는 지원되지 않습니다.)

호환되는 버전이 이미 설치되어 있는지 확인하려면 터미널에서 다음 명령을 실행하세요.

node -v

// 예시 출력
v18.17.1

명령이 v18.17.1 또는 v20.3.0 (v19 제외)보다 높은 버전 번호를 반환하면 문제가 없습니다!

명령이 Command 'node' not found 같은 오류 메시지를 반환하거나 요구사항보다 낮은 버전 번호를 반환하는 경우 호환되는 Node.js 버전을 설치해야 합니다.

코드 편집기

섹션 제목: 코드 편집기

또한 코드를 작성하려면 코드 편집기를 다운로드하여 설치해야 합니다.

우리가 사용할 도구

이 튜토리얼에서는 VS Code를 사용하지만 운영 체제에 맞는 모든 편집기를 사용할 수 있습니다.

1. VS Code 또는 원하는 다른 코드 편집기를 다운로드하여 설치합니다.

지식을 테스트해보세요

섹션 제목: 지식을 테스트해보세요

다음 중 어느 것이…

1. 파일과 콘텐츠를 변경하기 위한 코드 편집기입니까?

   1. 웹 브라우저

   2. 터미널

   3. VS Code

   제출

2. 여러분의 저장소에 대한 온라인 버전 제어 공급자입니까?

   1. GitHub

   2. 터미널

   3. VS Code

   제출

3. 명령을 실행하기 위한 애플리케이션입니까?

   1. GitHub

   2. 터미널

   3. 웹 브라우저

   제출

계속 진행하기 위한 체크리스트

섹션 제목: 계속 진행하기 위한 체크리스트

• 터미널에서 명령줄에 액세스할 수 있습니다.
• Node.js가 설치되어 있습니다.
• VS Code와 같은 코드 편집기가 있습니다.

추가 자료

섹션 제목: 추가 자료

• FreeCodeCamp.org 외부 링크 — HTML, CSS, JS 등의 전체 과정이나 간단한 재교육을 제공하는 무료 교육 사이트입니다.