프론트엔드 개발/개발 로그6 구글 시트 API를 활용하여 프로모션 신청자 접수하기 적용 배경 이 프로젝트는 프로모션 랜딩 페이지를 만들게 되면서 시작되었습니다. 사용자들이 방문하여 아직 출시되지 않은 제품을 소개하고 사전 예약을 신청할 수 있는 웹페이지인데요. 이를 위해서는 사용자들에게 사전 예약 정보를 받아서 해당 데이터를 저장하는 기능이 필요했습니다. 기존에 사용하는 서버와 DB를 떠나서 가능한 "가볍게" 구현하고자 했는데요. 아래와 같은 요구조건이 있었기 때문입니다. 1. 예상 사전예약 신청자 수가 1천명 미만으로 예상한다는 점 2. 프로모션 진행기간이 3개월 가량으로 단기간 진행된다는 점 3. 개발자 외에 누구나 신청자 현황을 바로 확인할 수 있으면 좋다는 점 요구조건을 고려하여 구글 시트 API를 활용하는 것이 좋겠다고 판단했습니다. 서버 개발 공수가 별도로 들어가지 않고 클.. 2022. 6. 18. React 18 달라진 점, 업그레이드 검토 지난 3월 말에 리액트 블로그에 React 18을 런칭했다는 소식이 전해졌다. 코드를 최신 상태로 유지관리 하기 위해서는 라이브러리를 지속적으로 업데이트 해줘야 할 것이다. 런칭 이후 3개월 가량이 지난 시점이어서 어느정도 코드 안정화가 됐을 거란 판단 하에 React 17로 작성한 기존 프로젝트를 업그레이드 해보기로 했다. 컨커런트 렌더링 React 18로 버전업이 되면서 가장 핵심적인 키워드는 컨커런트(Concurrent) 렌더링이다. 리액트의 렌더링 메커니즘의 업데이트다. React 18에서 추가된 기능인 Suspense, transitions, streaming server rendering이 컨커런트 렌더링에 의존하고 있다. 컨커런트 렌더링은 리액트가 동시에 다양한 버전의 UI를 준비할 수 있음.. 2022. 6. 14. 이전 1 2 다음