React

AppPaaS가 지원하는 프레임워크 React에 대해 설명합니다.

1. 개요

---

React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 자바스크립트 라이브러리입니다. 이를 통해 개발자는 재사용 가능한 UI 컴포넌트를 만들고, 애플리케이션의 상태를 관리하고, 애플리케이션이 변경될 때 웹에서 렌더링할 수 있습니다. React의 가상 DOM은 업데이트를 더 원활하고 빠르게 처리하여 복잡한 애플리케이션의 성능을 향상시킵니다.

AppPaaS에서는 React를 18.2.0 버전을 지원하며 해당 버전을 node.js 18 / node.js 20 기반에서 제공하고 있습니다. 원하는 버전을 선택하여 이용해주세요.

2. 서비스 환경설정

---

• 내부 포트 서비스가 배포된 후 리슨되는 포트를 의미합니다. 3000 포트가 사용되며 소스 내에서 해당 포트를 변경했을 경우 변경한 값을 입력해 주어야 합니다. AppPaaS Beta에서는 해당 포트를 기반으로 TCP 헬스체크를 합니다.

• 외부 포트, 외부 포트 공개 여부 서비스를 퍼블릭으로 오픈할지 여부를 결정하는 설정입니다. 기본으로 443, 오픈으로 설정되어 있으며 오픈 설정 시 외부 도메인이 할당되어 https://{할당된 주소}를 통해 외부에서 접근할 수 있습니다. 비공개로 설정할 경우 외부에서 접근이 불가능하며 내부 도메인 주소로 서비스 간 통신만 지원됩니다.

• 자동 배포 설정 자동 배포를 설정하면 리포지터리의 선택한 브랜치에 변경이 생길 경우 변경에 대한 훅을 받아 자동으로 빌드 및 배포가 진행됩니다.

3. 고급 환경 설정

---

• 설치 명령어 디폴트로 npm run install 이 수행됩니다. 수정이 필요할 경우 해당 값을 오버라이드할 수 있습니다.

• 환경 변수 Key/Value 형태로 입력되며 입력된 값은 컨테이너 OS의 환경 변수로 주입됩니다. 주입된 환경 변수는 코드 내에서 process.env을 통해 접근하여 사용할 수 있습니다.