본문 바로가기

반응형

전체 글

(522)
Firebase Database (Angular, React) Firebase is a cloud-based backend service that provides various features. For the database services, there are real-time databases, an older version, and a newer version called Firestore. Since there is not much of a difference between the two we will see how we can set up, and use the Firestore with applications HTML 삽입 미리보기할 수 없는 소스
Firebase Authentication - Google OAuth In addition to the conventional method of using the ID and password, the Firebase authentication service provides various options such as using a third-party authentication like Google OAuth. Today we will see how we can use Google OAuth with multiple frameworks. HTML 삽입 미리보기할 수 없는 소스
파이어베이스 (인증) - 구글 OAuth 파이어베이스의 인증 서비스는 전통적인 아이디와 비밀번호를 활용하는 방법 외에도 다양한 인증 수단을 제공합니다. 오늘은 구글이나 페이스북 등에 저장된 사용자 정보를 통해 인증하는 방식에 대해서 알아보겠습니다. HTML 삽입 미리보기할 수 없는 소스
Firebase Authentication - Email and Password Firebase has many features we can capitalize on. And among them, today, we are going to check the authentication service out. One of the advantages of using the Firebase authentication is that the service already has a way to persist user data on the browser so we don't need to create a token and pass it back and forth like we would typically do with custom authentication systems. HTML 삽입 미리보기할 ..
Firebase - Connecting to Applications Firebase is Google's backend cloud service that provides a database to store data, authentication, hosting, and so on. The main advantage of using a cloud service like this is that there is no need to develop a backend (or at least can save a huge amount of time) as we can only develop the frontend-side and borrow any necessary features for the backend-side from the cloud. Firebase also offers q..
주택 세금 계산기 주택 관련 세금은 국세청에 납부하는 종합부동산세, 소득세(양도, 임대), 상속세 및 증여세와 행정안전부에 납부하는 취득세, 재산세로 등으로 나뉘는데 주택세금 산정의 기준을 살펴보고 입찰가격을 산정해 주는 애플리케이션을 만들어보겠습니다. HTML 삽입 미리보기할 수 없는 소스
Hooks - useRef (Creating a Reference to Elements) In vanilla JS, we can get elements by creating a reference to the DOM element to change them dynamically. On the other hand, in React, not only is not possible to use the document object in a component but also we can access the element directly and change the value of attributes. But if there is a way to get access to elements as we do with vanilla JS in React, it would not hurt to have the ski..
리액트 훅 - 유즈레프 (돔요소 사용하기) 바닐라 자바스크립트의 경우 돔요소를 동적으로 활용하기 위해 쿼리셀렉터 등 해당 요소를 가져오는 다양한 방법을 제공합니다. 반면, 리액트는 컴포넌트 함수 안에서는 요소에 직접 코드를 작성하는 것이 가능하고 위처럼 다큐먼트객체를 활용하여 요소를 가져올 수 없기 때문에 순수 자바스크립트에서 사용되는 방식은 활용도가 낮습니다. 하지만, 바닐라 자바스크립트에서 처럼 요소를 가져와서 작업하는 방법의 비중이 큰 만큼, 이러한 기능이 존재한다면 알아 두는 것도 좋겠죠. 유즈 레프는 요소에 대한 레퍼런스를 만들고 해당 요소를 활용하는 훅으로 바닐라 자바스크립트에서 처럼 요소를 가져와서 작업하는 것을 가능하게 해 줍니다. 프로젝트 구성하기 리액트 앱 생성 리액트? 리액트는 자바스크립트 라이브러리로 앵귤러, 뷰와 함께 3대..

728x90