Silver Library

개요. The translate() CSS function (1) repositions an element (2) in the horizontal and/or vertical directions. Its result is a data type. 예시. 이걸로 백그라운드 배경 이펙트에 써먹을 수 있습니다. 참조. https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate translate() - CSS: Cascading Style Sheets | MDN The translate() CSS function repositions an element in the horizontal and/or vertical directions...

이 글은 다음으로 이어집니다. https://silverlibrary.tistory.com/484 What is possible and not : Next.js + some example This page is a summary of an article written by Reed Barger, for personal use. Does: Page-based routing (create a page by putting components in /pages) A built-in router (no need to install React Router) API routes (write backend code using Node.js in /pag silverlibrary.tistory.com next.js 로 ..

useLocation, 이건 query parameter 를 받아오는 용도로 알려져 있는데 한번 간략히 상기삼아 기록해보겠습니다. useLocation? This hook returns the current location object. This can be useful if you'd like to perform some side effect whenever the current location changes. import * as React from 'react'; import { useLocation } from 'react-router-dom'; function App() { let location = useLocation(); React.useEffect(() => { // Google Anal..

// 예시 import { useParams } from "react-router-dom"; function Alpha() { const { id } = useParams(); const package = AlphaList[id]; return ( {package.name} Main Stacks: {package.skills} ... ); } 아마 react-router-dom 으로 해본 것들은 이런 식으로 정리 해 나가지 않을까 싶네요. 다른 분들이 더 잘 적어 두었을테니 이번에도 나만의 공책이란 느낌으로 적어보고자 합니다. useParams() hook 이란 뭘까요? 일단 이건 react-router-dom 에서 지원되는 건데, 주 기능은 아래와 같습니다. 주 기능. parameter(매게변수) 의 ..