분류 전체보기 (510) 썸네일형 리스트형 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대.. Environment Variables Environment variables are dynamic variables that help us to set configuration variables such as URLs for both the development and global environment at once, it also makes it hard for others to see the value inside (However it will be included in the build file so it does not entirely hide the values from being seen). As many tools and frameworks exist to create an application, setting up and us.. Colors Colors are one of the most important elements of design. In this writing, we will see the basic color theories and helpful tools we can use to experiment with colors. Color Theory The color theory is the theory to explain how a combination of colors can generally make a human feel in a certain way. The theory uses the wheel of colors that is comprised (Created by Isaac Newton) of the prime color.. Payment Service - Stripe Payment service is one of the major features that cannot be left out when creating an e-commerce website. But the thing is that since it requires lots of sensitive information from the users, developing a fully-fledged payment service takes a lot of work and time. For this reason, many applications choose to use payment services. Stripe is one of the many payment services and in this writing, we.. Style Library - Tailwind Tailwind is a style library that is similar to Bootstrap. It also uses class names to specify styles but the difference is that the structure of class names in Tailwind is similar to that of the native CSS style. So if you have knowledge of how to use CSS, then learning how to use Tailwind is rather easy. Setting Up Tailwind Run the command below in the project console npm install -D tailwindcss.. 이전 1 ··· 12 13 14 15 16 17 18 ··· 64 다음