Aviso: Muitas vezes detalhes de várias operações podem variar de banco para banco. Em questões onde fiquei em dúvida, este documento segue o funcionamento do PostgreSQL, pois é o banco que conheço melhor.
Antes de começar a escrever SQL, você precisa entender o modelo de como um banco de dados relacional funciona. Não precisa se aprofundar muito, mas você precisa entender como que dados e relacionamentos entre eles são representados. (Nota importante: Relacionamento e relação não são a
| import { useGLTF, Instances, Instance } from '@react-three/drei' | |
| import { MathUtils } from 'three' | |
| const InstancedMesh = () => { | |
| const { nodes } = useGLTF('./model.glb') | |
| const randomVector = (r) => | |
| Array(3) | |
| .fill() | |
| .map(() => MathUtils.randFloatSpread(r)) |
A maneira mais comum para começar a estudar Rust é ler o livro oficial da linguagem. Irá ensinar sobre vários dos conceitos mais importantes sobre a linguagem.
A leitura pode ser acompanhada por:
| import Button from "@/components/Button"; | |
| import ImageCropper, { | |
| getCroppedImage, | |
| getDataURLFromFile, | |
| } from "@/components/ImageCropper"; | |
| import Modal from "@/components/Modal"; | |
| import useCurrentUser from "@/hooks/use-current-user"; | |
| import useMutation from "@/hooks/use-mutation"; | |
| import { UserIcon } from "@heroicons/react/outline"; | |
| import { gql } from "graphql-request"; |
| /*------------------------------ | |
| Background Cover UV | |
| -------------------------------- | |
| u = basic UV | |
| s = screensize | |
| i = image size | |
| ------------------------------*/ | |
| vec2 CoverUV(vec2 u, vec2 s, vec2 i) { | |
| float rs = s.x / s.y; // Aspect screen size | |
| float ri = i.x / i.y; // Aspect image size |
Onde comprar crypto sem precisar abrir conta: https://swap.vanna.app
A melhor corretora atualmente é a Binance. Melhor liquidez, mais produtos, melhor app.
Meu link de referral com desconto de taxas: https://accounts.binance.com/en/register?ref=D22SSKRM
| #!/usr/bin/node | |
| /* eslint-disable @typescript-eslint/no-unused-expressions */ | |
| // eslint-disable-next-line import/no-extraneous-dependencies | |
| const sh = require('shell-tag'); | |
| const detectChangedFiles = () => { | |
| const appFolders = ['routes', 'pages', 'modules', 'hooks']; | |
| const changedFiles = sh`git diff develop --name-only`; | |
| return changedFiles.split(/\n/g).filter((file) => { |
| /* | |
| dado o seguinte cenário, um objeto que pode ter valores aninhados até 2 níveis, | |
| deve-se remover a chave do primeiro nível se alguma das chaves aninhadas | |
| for (undefined ou {} ou '' ou null) - 0 não conta | |
| */ | |
| const isObject = (v) => typeof v === 'object' && !Array.isArray(v) | |
| const isEmptyObject = (obj) => isObject(obj) && (Object.keys(obj).length === 0) | |
| const isNull = (v) => v === '' || v === null || v === undefined; |
| const Background = () => { | |
| const { viewport } = useThree() | |
| const scale = useMemo(() => ((40 + 15) / viewport.distance), [viewport]) | |
| const [bgTexture] = useTexture(['./bg.png']) | |
| const shaderArgs = useMemo(() => ({ | |
| uniforms: { | |
| uTexture: { value: bgTexture }, | |
| uResolution: { value: { x: viewport.width, y: viewport.height } }, | |
| uImageRegsolution: { value: { x: bgTexture.image.width, y: bgTexture.image.height } }, |
