저는 "Heat"라는 웹 앱을 개발하고 있습니다. 이 앱의 유일한 목적은 JavaScript를 배우고 적용하며 CSS와 많은 백엔드를 개선하는 데 도움을 주는 것입니다. 계획은 몇 가지 재미있는 기능을 갖춘 시각적으로 매력적인 웹 앱을 만드는 것이었습니다.

이 과정에서 배운 내용:

프론트 엔드는 반응 js를 사용하여 구축되었습니다. 저는 단지 호기심과 화제가 무엇인지 알아보기 위해 반응을 선택했습니다. 제 목표 중 하나는 일부 Google API를 프로젝트에 통합하는 것이었고 제가 선택한 것은 Google 지도였습니다. API, 검색창의 자동 완성에 사용하고 있습니다. Google 지도 기능을 리액트 앱에 통합하는 데 도움이 되는 Reacts' -> @react-google-maps/api 라이브러리 덕분에 구현이 그리 어렵지 않았습니다. 검색 구성 요소는 레스토랑 추가 섹션과 통합될 예정입니다.

프런트 엔드는 내 github에 연결된 netlify에서 호스팅되며 원격 저장소에 푸시할 때마다 앱을 자동 업데이트하므로 매우 간단했습니다.

Heat는 SPA(단일 페이지 애플리케이션)이며 구현은 React Router DOM을 통해 관리되며 URL을 구성 요소에 매핑하여 클라이언트 측에서 탐색을 가능하게 합니다. 이는 전체 애플리케이션이 단일 HTML 페이지로 로드되더라도 사용자가 다양한 URL을 통해 앱의 다양한 부분을 방문할 수 있음을 의미합니다.

현재 작업 중인 작업:

저는 현재 Flask/Python이 지원하는 앱의 등록, 로그인 및 로그아웃 요소를 작업하고 있습니다. Flask에는 SQLAlchemy 및 Login Manager와 같이 개발 프로세스를 지원하는 몇 가지 라이브러리도 있습니다. 백엔드 측면은 프런트엔드에 비해 학습 곡선이 완만한 편입니다. 저는 여전히 상태 관리를 위한 반응의 핵심 후크인 useState 및 useEffect에 대해 고심하고 있습니다.

앱의 인증 요소를 완료한 후 BackEnd를 Java로 마이그레이션하는 것을 고려하고 있습니다. 생각이요?

많은 배움이 있습니다. #React #JavaScript #Flask #웹개발