[ React ] CRA로 로컬에서 HTTPS 적용하기

 

 가끔 로컬에서 개발하다 보면 보안 정책 때문에 HTTPS를 적용할 필요가 생깁니다. Native API를 사용하거나 통신상 HTTPS 여야만 가능하다거나 하는데 이때마다 인증서를 발급하고 적용하기란 여간 귀찮은 일이 아니죠. 이런 이유로 CRA(create-react-app)에서는 자체 HTTPS를 제공합니다. 그 실행 방법도 너무나 간편해서 누구나 쉽게 따라 할 수 있습니다.

 

 

1. 명령어

 먼저 create-react-app를 설치해줍니다. 타입스크립트를 사용한다면 뒤에 --template typescript를 추가하면 되고, 그렇지 않다면 아래 명령어를 입력하기만 하면 됩니다.

npx create-react-app my-app

 

 

 앱 디렉토리로 이동한 후 아래 명령어로 실행해주기만 하면 끝납니다.

HTTPS=true npm run start

 

 왜 CRA를 사용해야 하는지 이제야 알 것 같습니다. 필요한 기능이 전부 들어가 있고 굳이 인증서를 추가하지 않아도 HTTPS통신을 활성화할 수 있다는 점이 엄청난 장점인 거죠.