<div id="readability-page-1" class="page"><div id="entry-view">
        
        <main>
          <div>
              <article id="mainContent">
                <div>
                  <p><a href="/m/category"><span>카테고리 없음</span></a></p><h3>CRA react 프로젝트에서 https 서버 실행하기</h3>
                </div>
                <p><cite>나를찾는아이</cite>
                  <span> 2022. 9. 15. 18:01</span>
                </p>
                
            
                <div>
                                <p data-ke-size="size16">CRA로 생성한 react 프로젝트에서 https 서버를 실행하는 방법은 간단합니다</p>

<p data-ke-size="size16">react-scripts start 명령어에 약간의 옵션을 추가해주시면 됩니다</p>

<p data-ke-size="size16">package.json의 명령어에 https 서버를 실행하는 새로운 명령어를 만들겠습니다</p>

<pre id="code_1662623897980" data-ke-language="javascript" data-ke-type="codeblock"><code>  "scripts": {
    "start:https": "HTTPS=true SSL_CRT_FILE=인증서파일경로 SSL_KEY_FILE=키파일경로 react-scripts start",
  },</code></pre>

<p data-ke-size="size16">HTTPS는 true로 지정하고</p>

<p data-ke-size="size16">SSL_CRT_FILE : 인증서파일경로</p>
<p data-ke-size="size16">SSL_KEY_FILE : 키파일경로</p>

<p data-ke-size="size16">이렇게 지정하여 실행하면 아주 쉽게 https 서버를 실행시킬수 있습니다</p>



<p data-ke-size="size16">로컬에서 사용할 인증서를 만드는 방법이 알고 싶다면 아래 링크를 클릭하세요</p>
<p data-ke-size="size16"><a href="https://trend21c.tistory.com/2267" target="_blank" rel="noopener">https://trend21c.tistory.com/2267</a></p>
<figure id="og_1662624048117" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="article" data-og-title="로컬환경에서 사용할 개발용 SSL 인증서 만들기" data-og-description="아래 가이드는 Mac을 기준으로 작성되어있습니다 로컬환경에서 개발을 할때 ssl 인증서가 필요한 경우가 있습니다 로컬환경에서 사용할 개발용 인증서를 만들기 위해 brew를 통해 mkcert를 설치합" data-og-host="trend21c.tistory.com" data-og-source-url="https://trend21c.tistory.com/2267" data-og-url="https://trend21c.tistory.com/2267" data-og-image="https://scrap.kakaocdn.net/dn/fncoK/hyPJWyzyZW/2Up0MtRgs2USSglG940Yj0/img.png?width=800&amp;height=800&amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/dagIPt/hyPJWFlaAL/GYcdvL6x0D8546Mn3Ndqe0/img.png?width=800&amp;height=800&amp;face=0_0_800_800"><a href="https://trend21c.tistory.com/2267" target="_blank" rel="noopener" data-source-url="https://trend21c.tistory.com/2267">

<div>
<p data-ke-size="size16">로컬환경에서 사용할 개발용 SSL 인증서 만들기</p>
<p data-ke-size="size16">아래 가이드는 Mac을 기준으로 작성되어있습니다 로컬환경에서 개발을 할때 ssl 인증서가 필요한 경우가 있습니다 로컬환경에서 사용할 개발용 인증서를 만들기 위해 brew를 통해 mkcert를 설치합</p>
<p data-ke-size="size16">trend21c.tistory.com</p>
</div>
</a><img src="https://scrap.kakaocdn.net/dn/fncoK/hyPJWyzyZW/2Up0MtRgs2USSglG940Yj0/img.png?width=800&amp;height=800&amp;face=0_0_800_800,https://scrap.kakaocdn.net/dn/dagIPt/hyPJWFlaAL/GYcdvL6x0D8546Mn3Ndqe0/img.png?width=800&amp;height=800&amp;face=0_0_800_800"></figure>

            
            
                </div>
            

                
              </article>
              
                
              
              
              
              
              
                
              
            </div>
        </main>
        
      </div></div>

나를 찾는 아이

Kyoung min, Kim

CRA로 생성한 react 프로젝트에서 https 서버를 실행하는 방법은 간단합니다
 
react-scripts start 명령어에 약간의 옵션을 추가해주시면 됩니다
 
package.json의 명령어에 https 서버를 실행하는 새로운 명령어를 만들겠습니다
 
  "scripts": {
    "start:https": "HTTPS=true SSL_CRT_FILE=인증서파일경로 SSL_KEY_FILE=키파일경로 react-scripts start",
  },
 
HTTPS는 true로 지정하고
 
SSL_CRT_FILE : 인증서파일경로
SSL_KEY_FILE : 키파일경로
 
이렇게 지정하여 실행하면 아주 쉽게 https 서버를 실행시킬수 있습니다
 
 
 
로컬에서 사용할 인증서를 만드는 방법이 알고 싶다면 아래 링크를 클릭하세요
https://trend21c.tistory.com/2267

CRA react 프로젝트에서 https 서버 실행하기

댓글