개발 환경

• Node.js 10.9.2
• React 19.1.0

개발 환경설정

1. Node.js 설치하기

   Node.js — 어디서든 JavaScript를 실행하세요

   • LTS 다운받기
   • 설치하기

2. (선택사항) VS code 설치하기

   • (편의상)Material Icon Theme 확장 프로그램 설치하기

3. (선택사항) 웹브라우저 설치하기

   • chrome webstore에서 react developer tools 확장 프로그램 설치하기

.env 파일 추가

1. 별도로 제공된 .env 파일을 [경로]/FE/aunionAI/src/ directory 내부에 위치시키기

로컬에서 웹페이지 실행

1. 터미널에서 [경로]/FE/aunionAI 폴더로 이동

2. 터미널에서 다음 명령어 실행 (라이브러리 다운)

   npm install

3. 터미널에서 다음 명령어 실행 (개발 모드 웹페이지 실행)

   npm run dev

   • 참고1. 기타 명령어

     npm run dev: 개발 과정에 사용됨. 작성 코드 실시간 반영확인
     npm run build: 서버에 올려 사용자에게 웹페이지로 배포될 파일로 모아 컴파일
     npm run preview: 빌드된 파일 배포전 점검

   • 참고2. Permission denied 에러 발생시

     chmod +x node_modules/.bin/vite

     • 위 명령어로 실행 권한 설정 후, 다시 npm run dev 명령어 실행

4. 실행 이후 주어진 로컬 경로로 접속

   • → Local: [URL]

     • [URL]을 인터넷 창에 입력해 접속 가능

   • 예시

      VITE v6.3.5  ready in 1327 ms
     
       ➜  Local:   http://localhost:5173/
       ➜  Network: use --host to expose
       ➜  press h + enter to show help
     

     • 위 예시에서는 [URL]이 http://localhost:5173/ 이므로, Chrome과 같은 인터넷 창에 다음 주소를 입력해 접속하면 웹페이지 확인 가능