23년 7월 4주차 개발 회고록

이번 주는 리액트로 설문조사 폼을 만드는 프로젝트를 진행했다.
많은 시행착오들을 겪었는데 구글스프레드시트 내용을 가져오려고 api키를 발급받았다.
구글스프레드시트에 적힌 내용을 그대로 가져오려면 버전을 다운그레이드 해줘야했다.

• react: ^18.2.0
• react-scripts: ^4.0.2 (5버전은 에러가 너무 많이 나서 다운그레이드)
• google-spreadsheet: ^3.3.0

위에 3개를 다운그레이드 하고 package.json에서 아래와 같이 수정을 해주고 node_modules를 생성해준다.

• "start": "react-scripts --openssl-legacy-provider start"

• "build": "react-scripts --openssl-legacy-provider build"

  원래는 구글스프레드시트 내용을 json파일로 내보내서 사용해야하는데 우리는 새로운 시도를 해서 결과적으로는 구현을 했다.

이제 저장된 Data를 db.json으로 받고 배포시에는 glitch에 json서버를 연동해주었다.
vercel에서 배포시에 오류가 계속 발생했는데 build부분에 "react-scripts --openssl-legacy-provider build"을 설정해주어야 했다.

그리고 환경변수세팅을 glitch에서 받은 주소랑 입력해주니 문제없이 배포가 완료되었다.

우리는 어려운 방법으로 시도들을 많이하여 다시 되돌아가는 과정을 여러번 겪었다.
더불어 시간도 지체가 되며 시행착오도 많이 겪었지만 그만큼 성장할 수 있는 좋은 기회였다고 생각한다.