제로하우스

CSS에서도 변수를 사용할 수 있다고? 사용자 지정 속성을 사용하여 CSS에서 변수를 사용할 수 있다. 사용자 지정 속성(CSS 변수, 종속 변수): CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담는다. 표기법 --main-coor: black;과 같이 정의할 변수명 앞에 --를 붙이면 된다. 사용법 정의한 변수를 재사용할 경우에는 color: var(--main-color);와 같이 var 안에 변수명을 넣어서 사용할 수 있다. 예시 :root { --main-bg-color: brown; } element { background-color: var(--main-bg-color); } 참고 문서 https://developer.mozilla.org/ko/docs/Web/CSS..

:hover :hover는 마우스를 올린 태그나 속성 등을 선택한다. 이와 같이 :(콜론)이 붙은 요소는 가상 클래스라고 부른다. 마우스를 올렸을 때 텍스트 색 변하게 하기 :hover를 활용해 마우스를 올렸을 때 텍스트 색이 변하도록 할 수 있다. 아래의 예시는 태그에 마우스를 올렸을 때 텍스트의 색상이 파란색으로 변하도록 하는 CSS 코드이다. 위키백과

BlockSDK API? BlockSDK API는 블록체인 노드 서버 없이 개발을 할 수 있도록 지원하는 API이다. 지원하는 블록체인은 다음과 같다. 이더리움 클레이튼 바이낸스 스마트체인 폴리곤 아발란체 이더리움 클래식 https://blocksdk.com에서 API 키를 획득해서 사용하면 되는데, 하루 1만 번까지는 무료 요금제를 사용할 수 있다. 참고 사이트 https://documenter.getpostman.com/view/20292093/Uz5FKwxw#intro

Redux vs Recoil Redux와 Recoil는 React의 상태관리 라이브러리이다. redux는 Flux 아키텍쳐 기반 recoil은 Atomic 모델 기반 각각의 특성과 차이점을 비교해본다. Redux Flux 아키텍쳐 기반 라이브러리로, 데이터 흐름은 단방향이다. Action: action(type, payload)을 생성하여 이를 dispatcher에게 전달 Dispatch: 모든 action을 전달받아 store에 전달 Store: state를 가지고 있고 state를 변경 (state 변경 시 change 이벤트가 발생하면서 view에게 state가 변경되었다는 것을 알려줌) redux는 중앙집중식으로 상태관리가 이루어진다. Recoil Recoil은 페이스북에서 만든 Context A..

Recoil이란? Recoil은 React를 위한 상태 관리 라이브러리이다. 설치하기 Recoil 패키지는 npm에 존재한다. npm install recoil RecoilRoot recoil을 사용하는 컴포넌트는 부모 트리에 RecoilRoot가 필요하다. 보통은 루트 컴포넌트에 RecoilRoot를 넣는다. import React from 'react import { RecoilRoot, atom, selector, useRecoilState, useRecoilValue } from 'recoil' function App() { return ( ) } Atom Atom은 상태(state)의 일부를 나타낸다. Atoms는 어떤 컴포넌트에서나 읽고 쓸 수 있다. atom의 값을 읽는 컴포넌트들은 암묵적으..