전체 글

useLazyQuery, GraphQL 쿼리를 즉시 실행하지 않고 필요할 때 호출

useLazyQueryhttps://www.apollographql.com/docs/react/data/queries/#manual-execution-with-uselazyqueryuseLazyQuery는 Apollo Client에서 제공하는 React 훅으로, GraphQL 쿼리를 즉시 실행하지 않고, 필요할 때 호출할 수 있는 방법을 제공해 준다.일반적인 useQuery는 컴포넌트가 마운트 될 때 자동으로 쿼리를 실행하지만, useLazyQuery는 사용자가 명시적으로 실행할 때까지 대기하는 차이가 있다.  useLazyQuery를 사용할 때는 다음과 같은 형태로 사용된다:const [getQueryResult, { loading, data, error }] = useLazyQuery(MY_QUERY..

GraphQL 서버와 통신하지 않고 Apollo Client 캐시에서 직접 데이터를 읽고 쓰기

client.writeFragment을 사용해 사용자의 이메일 인증 상태를 즉시 반영 시키기import { useApolloClient } from "@apollo/client";const client = useApolloClient();client.writeFragment({ id: `User:${userData.me.id}`, // 수정할 객체의 ID fragment: gql` fragment VerifiedUser on User { verified } `, data: { verified: true // 캐시에 'verified' 필드를 true로 업데이트 }}); https://www.apollographql.com/docs/react/caching/cache-..

재질, MeshStandardMaterial (MeshPhongMaterial과 비교)

MeshPhongMaterial와 MeshStandardMaterial 차이점 속성MeshPhongMaterialMeshStandardMaterial 렌더링 모델Blinn-Phong 쉐이딩 (전통적인 렌더링 방식)물리 기반 렌더링 (PBR, Physically Based Rendering)주요 속성- specular: 반사광 색상 및 강도 - shininess: 광택 정도- roughness: 표면 거칠기 - metalness: 금속성광택 표현shininess 속성으로 조정 가능roughness 속성으로 자연스러운 거칠기 표현금속성 표현지원하지 않음metalness 속성으로 금속성 표현 가능텍스처 맵 지원- map: 기본 컬러 맵 - bumpMap: 표면 굴곡 표현- map: 기본 컬러 맵 - rough..

재질, MeshLambertMaterial, MeshPhongMaterial

MeshLambertMaterial조명이 있는 환경에서 사용할 수 있는 기본적인 재질이다.확산 반사(diffuse reflection)를 사용해서 빛을 계산한다.광택이나 반사가 없다.비교적 가벼운 계산을 요구하기 때문에 성능이 중요한 경우에 적합하다.  MeshPhongMaterialPhong 쉐이딩을 사용하는 재질로, 광택과 반사를 처리할 수 있다.스펙큘러 반사(specular reflection, 하이라이트)를 표현할 수 있어서 금속, 유리 등과 같은 광택이 있는 표면을 표현하는 데 적합하다.MeshLambertMaterial보다 더 복잡한 계산을 요구하지만, 더 사실적인 결과를 제공한다.두 재질 모두 빛과의 상호작용을 기반으로 하지만, MeshLambertMaterial은 단순한 확산 반사를 제공하..