[React] ChatGPT와 구글 스프레드 시트를 이용한 i18n작업
·
React
ChatGPT최근 ChatGPT가 핫하다. 필자도 프로그래밍 관련 질문들은 구글링 하기 전에, 먼저 ChatGPT에게 물어본다. 놀라운 부분은 필자가 `adopt`라는 scope function이 kotlin에 있지 않냐고 물어봤더니, 없다고 하는 것에 그치지 않고, `adopt`의 늬앙스가 `apply`, `also`와 유사하여 사용자가 헷갈린 것이라 판단해, `apply`와 `also`에 대해 설명해 준다.  이 뛰어난 기능을 어딘가에 활용해볼까 고민하던 중, ChatGPT의 확장 프로그램을 구글 스프레드 시트에 설치하여 활용할 수 있다는 소식을 듣고, 구글 스프레드 시트로 작업한 i18n에 활용하기로 결정했다. 구글 스프레드 시트를 이용한 i18n 자동화 방법은 아래 게시물을 보는 것을 추천한다. ..
[React] Module not found: Can't resolve 'http2' in ~
·
React
문제 발생 React에서 googleapis 라이브러리를 사용해보려고 했더니 다음과 같은 에러가 발생했다. 원인은 간단했다. googleapis가 Node.js에서만 동작하는 라이브러리기 때문이다. 해결 방법 해당 라이브러리는 Nodejs (express, nestjs 등)에서만 동작하는 라이브러리다. 사용하지 말자.
[React] 구글 스프레드 시트 API 이용하기(with google-spreadsheet)
·
React
버전 정보react: ^18.2.0react-scripts: ^4.0.2 (5버전은 에러가 너무 많이 나서 다운그레이드)google-spreadsheet: ^3.3.0 구글 스프레드 시트 API구글 스프레드 시트 API를 이용하여 받아온 데이터를 React에서 처리하려고 한다.API를 이용하면 자바스크립트나 파이썬등에서 코드를 통해 시트 내용을 조회, 생성, 수정, 삭제를 할 수 있다. 이 작업은 주로 정적인 사이트에 활용하기 좋다. 또한, 구글 스프레드시트에 익숙한 기획자들과의 협업에도 큰 도움이 될 수 있다.예를 들어, 기획자들이 스프레드시트에서 작업한 내용을 DB에 반영해야 하는 경우가 종종 있다. 하지만 스프레드시트의 데이터가 자주 업데이트되면, 이를 관리하는 데 상당한 노력이 필요하게 된다. 반..