Silver Library (Archived)

생각한 것 과는 달리 너무 허망할 정도로 늘 하던 react 와 유사했지만, 그래도 기록을 남겨봅니다. 아마 저와 비슷한 생각을 한 분이 분명히 지금 이 글을 보고 있을테니까요. import React from 'react' import videoBackground from '../assets/sampleVideo.mp4' const BackgroundPage = () => { return ( Welcome To this page. ) } export default BackgroundPage 그리고 css 에서는 사이즈에 맞게 html의 video tag를 선언 후, 사이즈를 조정해서 넣으면 됩니다. 끝! How to play video in react.js using html video tag? Doe..

핵심 요소. CORS policy, fetch, JavaScript, mutation 예시 코드. fetch('https://cors-anywhere.herokuapp.com/' + fileURL, { method: 'GET', headers: { 'Content-Type': 'application/pdf', }, }) .then((response) => response.blob()) .then((blob) => { // Create blob link to download const url = window.URL.createObjectURL( new Blob([blob]), ); const link = document.createElement('a'); link.href = url; link.setAtt..

지난번에는 Jikan API 로 Fetch API 와 함께 react 에서 개략적인 구성을 해 봤으니, 이번에는 GraphQL 을 이용해서 Jikan API 를 다시 한번 건드려 보고자 합니다. Jikan API 대신, 다른 API 를 사용해서 간단한 테스트 구동을 진행해보고자 합니다. 개요. react-query 를 주요하게 사용해서 REST API 데이터를 불러오기. 왜 이 실험을 하나요? 1. useEffect 보다도 보다 안정적이다 하기에. 2. 지난 인턴 때 겪었던 고충을 계기로 개선점을 알아가던 중, 추천받은 react-query. 3. axios 로 fetch 를 대체할 수 있다는 사실을 알게됨. 4. 아무튼 코드 길이가 줄어 듬. 5. hook 로 코드 개선하는게 꼭 나쁜건 아님 (적어도 ..

개요. 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...