React + Open AI + AWS
·
NameGacha
Name Gacha (1) : Project Design Project IntroductionAs a developer with three years of programming experience, I've had the opportunity to work on various projects and delve into countless lines of code. Through these experiences, I've come to understand the different approaches to naming identifiers and the critical role that identifier names play in code readability and maintainability. When w..
Update data from Firebase Firestore
·
React
( To create the data, basic understanding of the firestore data structure is required. This post explains the firestore data structure )A Simple explanation of the structure of  Firestore In Firestore, a collection generally serves the same role as a table in a traditional database.In Firestore, a document serves the role similar to a column in a traditional database. Each document contains vari..
Delete Document from Firestore
·
React
( To create the data, basic understanding of the firestore data structure is required. This post explains the firestore data structure )A Simple explanation of the structure of  Firestore In Firestore, a collection generally serves the same role as a table in a traditional database.In Firestore, a document serves the role similar to a column in a traditional database. Each document contains vari..
Create data to firestore
·
React
( To create the data, basic understanding of the firestore data structure is required. This post explains the firestore data structure )A Simple explanation of the structure of  Firestore In Firestore, a collection generally serves the same role as a table in a traditional database.In Firestore, a document serves the role similar to a column in a traditional database. Each document contains vari..
Read Data from firebase firestore
·
React
What is CRUD?CRUD stands for Create, Read, Update, and Delete—the four basic actions you can perform on data. These are the essentials that let you add, view, change, or remove information in databases or storage systems, making them the backbone of most apps we use daily. This post will handles how to Read the data.Background information The example codes to help the comprehensive understanding..
Firebase Firestore Database configuration
·
React
What is firestore database?✨ Firestore is a NoSQL cloud database from Google's Firebase platform. It's great for apps where users need to see updates in real-time, as it syncs data instantly across all users. Plus, its powerful queries and automatic scaling make it super easy for developers to handle projects big or small with ease. Firestore database setting2. Add firestore configuration to you..
Firebase Authentication
·
React
What is Firebase Authentication?Firebase Authentication provides a robust solution for managing user identities in web and mobile apps, supporting a variety of sign-in-methods like email/password, social media accounts. In this post, the explanation and example of the email, google, and facebook authentication will be handled. It offeres easy integration, secure authentication processes, and sea..
Framer motion
·
React
⭐ What is Framer motion?⭐In morden web development, animation plays a crucial role in enhancing user experience. However, implementing animation takes long time and need to takes multiple steps.. using countless variables, states, useEffects. The Framer motion libraries offers an easy-to-use API and robust features that help developers create lively interfaces effortlessly. Key factors in Framer..
hyeonB
'react' 태그의 글 목록