Today I Learn 20220715

❤ Todo

💻 메인 사전 과제 프로젝트 (기본) 🔺
💻 메인 사전 과제 프로젝트 (심화)
📗 모바일 청첩장 만들기 ✔
📗 7/12 가상 코인 거래소 coin-market 정리 ✔
💡 사람인, 잡코리아 이력서 지원 ✔

❤ Error & Solution

grunt error

$ npm install
$ grunt
CategoryInfo: ObjectNotFound: (axios:String) [], CommandNotFoundExce ption
$ npm install -g grunt-cli
$ grunt
$ grunt dev

❤ What I learned

가상 코인 거래소 coin-market 정리

→ 독학 카테고리

비동기 호출 라이브러리 fetch vs axios

fetch                                 axios
모던 브라우저에 내장                    설치 필요
                                      요청 취소 기능
                                      요청 timeout 기능
                                      브라우저 호환성 우수
.json()메서드 호출 필요                JSON 데이터 자동 변환

Pixabay API 연동

1. Pixabay 회원가입
2. .env

REACT_APP_PIXABAY=개인APIKEY입력

3. request URL 예시

https://pixabay.com/api/?key={개인api key}

4. src/api/req.js

const req= async (url)=>{
	try{
    	const res= await fetch(url);
      	if(res.ok){
          const data= await res.json();
          return data;
        }
    } catch(e){
      console.log(e);
    }
};

export default req;

모바일 청첩장 만들기

→ 독학 카테고리

❤ Thinking