[TIL] 개발 환경에서 https 사용하기

개발을 진행하다 보면 https 인 경우에만 확인 할 수 있는 특수한 상황이 발생하게 됩니다. 한 가지 예를 들어 Apple 로그인 정상작동 테스트를 매번 배포 하면서 진행하는 것은 무척 귀찮고 번거로운 일입니다.
어떻게 하면 로컬환경에서도 https를 적용하여 저런 특수한 상황에 대해서도 편하게 개발 및 테스트를 진행 할 수 있을까요?
아래와 같은 설정들을 통해 로컬 환경에서도 https를 지원하여 개발을 진행하는데 테스트를 할 수 있습니다
  1. mkcert 설치:
  1. mkcert로 pem, key.pem 파일 생성
    1. 해당 명령 실행시 (도메인).pem, (도메인)-key.pem 파일 생성됨
      *주의: 생성된 파일들은 commit 대상에서 제외되도록 .gitignore 내 추가하는게 좋습니다.
  1. 로컬 https 설정
      • vite 기반인 경우:
        • *로컬 커스텀 도메인 이름으로 host를 변경할 경우 /private/etc/hosts 설정 파일내 127.0.0.1 매핑 도메인 변경 적용 필요
          이후 개발서버를 실행하면 https가 적용됩니다.
      • nextJS인 경우:
        • 동일하게 mkcert 를 설치한 상태이며 pem, -key.pem 파일을 생성
        • (optional) /private/etc/hosts 로컬 커스텀 도메인 설정 및 적용
        • package.json 내 아래 script 추가 (-H의 경우 localhost, -p 의 경우 3000가 기본)
        • 실행시 아래와 같이 https 적용되는것을 확인 할 수 있습니다.
          • notion image
 

© 2025 dan.dev.log, All right reserved.

Built with NextJS