전체 글14 3) 코로나바이러스 무료 api 테스트하기 우리가 만들 앱은 코로나 바이러스 현황을 조회하는 무료 API를 사용할 것이다. https://rapidapi.com/api-sports/api/covid-193 로그인을 마치면 위와 같은 화면이 나올텐데 왼쪽의 API 리스트를 살펴보니 3개의 method가 있다. Statistics는 국가별 코로나바이러스 통계를 보여준다. Countries는 코로나 정보를 가진 국가리스트를 보여준다. history는 날짜와 국가 parameter로 코로나 기록을 보여준다. 해당 API를 이제 테스트해 볼텐데 여기선 Insomnia라는 도구를 사용해서 해볼것이다. https://just-coding.tistory.com/7 Insomnia. API 테스트 도구 사용하기 다른사람이 만든 API를 테스트할때 일일이 터미널에.. 2020. 7. 16. Insomnia. API 테스트 도구 사용하기 다른사람이 만든 API를 테스트할때 일일이 터미널에서 리퀘스트를 보내는것은 피곤한 일이다. 쉽고 간편하게 만들어진 도구를 사용해 테스트해 보자. https://insomnia.rest/ Insomnia Design & Debug APIs like a human, not a robot insomnia.rest 나는 Insomnia core를 선택해서 다운로드 받았다. 테스트도 해볼겸 naver.com으로 GET 요청을 보내보았다. 2020. 7. 16. 2)github에 내 프로젝트 등록하기 https://github.com Build software better, together GitHub is where people build software. More than 50 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com Hello world까지 작성한 내 프로젝트를 원격 저장소인 github에 올려보자. 회원가입을 했다는 가정하에 new아이콘을 클릭해서 저장소인 repository를 생성하자 하고 싶은 이름을 아무거나 입력하고 Create repository 클릭! 영어가 가득한 화면이 뜰텐데 우리는 다시 VS code로 돌아가자. echo "# covidwor.. 2020. 7. 15. 1) 프로젝트 셋팅. Hello world 터미널을 열어서 프로젝트를 생성할 폴더로 가자. 그다음 프로젝트 생성 mkdir tutorial && cd tutorial yarn init 엔터를 따다당 눌러주다 보면 package.json이 생성된다. VS code를 열어보자. code . 이 커맨드가 안먹힌다면, VS code를 열어서 cmd + shift + p를 입력하자. 그런 다음 shell이라고 누르면 끝 이제 프로젝트를 구축할텐데 react js, next js를 설치해주자. yarn패키지를 이미 설치했길 바라며, cmd + j를 눌러 터미널을 Vscode에 띄운 다음에 아래 커맨드를 입력한다. yarn add next react react-dom 이번 프로젝트에서는 단순히 react만 사용하지 않고 next js를 사용하는데 개인적으로 .. 2020. 7. 15. [Mac Os] homebrew, node, npm, yarn 설치 [요약] 더보기 1. Homebrew 설치 brew version /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" brew update brew doctor export PATH="/usr/local/bin:~/.zshrc" 2. node, npm 설치 node -v npm -v brew install node brew install npm 3.yarn 설치 npm install -g yarn npm, node가 설치되어있는지 확인 한다. npm -v node -v Mac에서는 Homebrew라는 유용한 패키지 매니저가 있다. https://brew.sh/ Homebrew The.. 2020. 7. 15. 0)프로젝트 개요 코로나 현황 무료 API를 활용한 간단한 React 웹 어플리케이션. 결과물 : https://corona-tracker-one.vercel.app/ 사전 준비사항 1. 개발 에디터. VS Code 추천 2. npm혹은 yarn 패키지 매니저 설치 https://just-coding.tistory.com/4 yarn 패키지 매니저 설치 Mac Os를 사용하면 npm이 설치되어있는데 좀 더 보안성있고 빠른 패키지매니저로 Yarn을 사용한다. https://yarnpkg.com/ Home Fast, reliable, and secure dependency management. yarnpkg.com 1. Yarn 설치 npm.. just-coding.tistory.com 사용할 무료 API 코로나 현황을 알려.. 2020. 7. 15. 이전 1 2 3 다음
