프로젝트 서울 행을 제출했다. 지인과 함께 2인 프로젝트로 진행했으나, 다른 팀원이 디자인과 기획을 도맡고 개발 자체는 혼자서 진행했다. 나에게는 리액트로 하는 첫 실습이었지만, 교육자 없이 진행하는 첫 프로젝트이기도 했다.
react의 공식 문서에서 나와있는 그대로 공모전을 위한 폴더를 만들고github에 새 레파지토리를 만들어 나와있는 push 방법 그대로 연결을 시도했다.결과는...github를 연결하는데 실패한게 한두번이 아니어서 이번엔 제대로 해결하고 해결방법을 기록해두려한다.
서울공공데이터 api를 가져오기 위해서는 인증 키가 필요하다. 제일 먼저 루트 폴더에 json 파일 하나 선언해주고 .gitignore에 추가했다. 후에 프로젝트를 공개할 때 api를 불러오는 파일도 공개가 될 텐데, key값이 같이 공개될 수 있기 때문이다.그리고 아
api.js를 작성했다. codeit의 실습과 서울공공데이터 이용 방법을 참고하여 만들었다. start와 end는 인덱싱을 위한 필수 요소이다. 이 데이터를 메인 페이지의 콘솔에 찍어 데이터가 들어오는 지를 확인한다.오류가 하나 발생했다.key를 루트 폴더에 저장했는데
리액트 스터디에서 api key를 따로 저장하고 가져와서 사용하는데,다음과 같은 변수를 사용하고 있었다. 처음보는 변수 형태에 process.env, .env를 조사해보았다.위와 같이 작성한 .env 파일은 환경변수를 저장해서 import 없이도 사용할 수 있게 해준다