4. 초기 설정

참고

• 코딩애플 React 설치 및 개발환경 설정
• Docusaurus 공식 문서

1. vscode 설치
   • 파일 > 기본 설정 > 프로필 > 템플릿에서 > Node.js > 생성
2. Node.js 설치
   • 내 경우엔 LTS 버전(v22)과 newer version(v23)모두 npm 및 npx가 정상 작동 하지 않았다.
   • 아무런 에러 코드 없이 npx create-react-app .가 실행되지 않는다.
   • src와 public 폴더가 생성되지 않는다.
   • 여러 에러를 검색 후 시도해봤으나 여전히 동작하지 않았다.
   • Node.js Releases에서 v20을 설치했더니 정상 작동했다.
   • 버전에 따른 문제가 발생할 수 있으니 여러 시도에도 에러가 발생하면 구버전을 시도해보자.
3. Docusaurus 설치
   • 설치할 폴더 생성.
   • 해당 폴더에서 vscode 열기
   • 아래 코드 실행 후 브라우저에서 http://localhost:3000으로 접속

     # my-website 대신 . 사용 불가능. 무조건 폴더를 생성한 뒤 프로젝트를 생성함
     npx create-docusaurus@latest my-website classic
     cd my-website
     npx docusaurus start

   • Javascript와 Typescript 중에는 취향대로 고른다.
   • Javascript에 변수 Type 검사와 객체 지향 등 기능이 추가된 것이 Typescript이다.
   • Type 검사를 통해 원하지 않는 오류를 잡기 편하다.
   • 기능이 추가된 만큼 편의성은 늘어나지만 유연성이 떨어지고, 학습해야할 것이 늘어난다.