분류 전체보기 (484) 썸네일형 리스트형 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.. 스타일 라이브러리 - 테일윈드 테일윈드는 부트스트랩과 같은 스타일 라이브러리입니다. 부트스트랩처럼 클래스명으로 스타일을 지정하지만 CSS 고유 스타일 속성 명칭과 유사한 구조를 가지고 있어 CSS 지식이 있으면 빨리 배울 수 있는 장점이 있습니다. 테일윈드 설치하기 프로젝트 콘솔에 아래 명령어를 실행 npm install -D tailwindcss npx tailwindcss init 생성된 테일윈드 구성 파일에 아래 코드추가 content: ["./src/**/*.{html,js}"] CSS파일에 아래 코드 추가 @tailwind base; @tailwind components; @tailwind utilities; 플러그인 사용하기 테일윈드의 다른 장점은 다양한 플러그인을 사용할 수 있다는 점입니다. 데이지 유아이 프로젝트 콘솔에.. Working with Postgres - Code First In .NET, there are two ways of creating a database. One is to write codes based on the data created which is called, Data first, and the other is, of course, to create data based on codes written, Code first. Among the many options we can choose, we will see how we can link and use Postgres DB using the code-first approach in this writing. HTML 삽입 미리보기할 수 없는 소스 이전 1 ··· 9 10 11 12 13 14 15 ··· 61 다음
