React - 네트워크 통신 주의할 점!

 

1. api key는 코드에 작성하지 말것. (No git upload)

 

(1) 환경설정파일(.env)을 생성해서 key를 관리한다.

REACT_APP_YOUTUBE_API_KEY = ~~~~ 

REACT_APP을 항상 prefix로 붙여야 한다.

create react app을 에서 만들어 놓은 규칙이다.

 

(2) .gitignore 파일에 추가하여 트래킹을 막는다.

 

 

2. 컴포넌트에서 네트워크 통신을 하지말것.

비지니스로직은 별도로 .js파일을 만들어 관리한다.

리액트의 경우 class로 관리

---------------------------------------------

class Youtube {

  constructor(key){

     this.key = key;

     this.option = { ~~~ }

}

함수명 (){

   ~~~~

}

---------------------------------------------