워프레임 허브

빈 장면에 상자와 카메라를 놓고 좌표 하나씩 바꿔 본다.

마무리할 때 남길 것

작은 예제와 함께 물체 회전·카메라 이동의 차이를 내 말로 설명하기.

모양·표면·셰이더에 전달하는 값의 역할을 구분한다.

마무리할 때 남길 것

정답을 가리고 구체의 모양과 대기의 색이 각각 어디서 정해지는지 재설명하기.

device·pipeline·command의 관계를 작은 장면에서 살핀다.

마무리할 때 남길 것

WebGL 예제와 설정·명령 제출의 차이를 정리하고 미지원 화면도 준비하기.

학습 때 선택한 vgpu 버전과 API를 확인하고 앞의 예제와 비교한다.

마무리할 때 남길 것

직접 작성한 코드와 라이브러리에 맡긴 부분을 나눠 기록하기.

기초 예제에서 배운 내용을 기존 스타차트의 행성 하나에 연결한다.

마무리할 때 남길 것

모양·표면·카메라·대기를 분리해서 설명하고 바꾼 값과 화면을 함께 남기기.

공개 필터 사례를 보고 작은 목록 화면에서 적용해 본다.

마무리할 때 남길 것

필터 선택 → 새로고침 → 뒤로 가기 후에도 조건이 맞는지 확인하기.

검색 결과가 바뀔 때 포인터와 키보드 선택이 어떻게 달라지는지 재현한다.

마무리할 때 남길 것

방향키·Enter·Escape와 결과 갱신을 직접 시험하고 선택 기준을 적기.

목록 하나의 로딩·성공·빈 결과·오류 상태를 나란히 설계한다.

마무리할 때 남길 것

각 상태에서 사용자가 다음에 할 행동과 키보드 포커스를 확인하기.

읽는 글과 클릭하는 3D 예제가 각각 어디에서 실행되는지 구분한다.

마무리할 때 남길 것

작은 페이지에서 use client가 필요한 부분과 브라우저 전용 코드를 표시하기.

목록·상세 화면에서 데이터를 가져오는 시점과 캐시를 관찰한다.

마무리할 때 남길 것

설치한 Next.js 버전을 적고 새로고침·화면 이동·갱신 결과를 비교하기.

로딩·성공·오류를 구분 가능한 타입으로 표현한다.

마무리할 때 남길 것

불가능한 상태 조합을 줄이고 분기 누락을 타입 검사로 찾기.

개인 프로젝트용 작은 응답에서 누락·잘못된 값을 처리한다.

마무리할 때 남길 것

정상·누락·실패 입력 세 가지와 화면에 전달할 데이터 형태 기록하기.

브라우저 기록을 계정에 저장할 때 데이터 소유권과 충돌을 정한다.

마무리할 때 남길 것

로그인 전후 흐름과 저장 실패·재시도·다른 기기 충돌 예시 남기기.

작은 3D 예제를 같은 기기·화면 크기·장면 조건으로 반복 측정한다.

마무리할 때 남길 것

조건·반복 횟수·측정값을 남기고 측정하지 않은 성능은 주장하지 않기.

검색 → 선택 → 돌아오기 중 깨지기 쉬운 동작 하나를 자동으로 확인한다.

마무리할 때 남길 것

실제로 실패하는 경우를 재현한 뒤 수정 전후 테스트 결과 남기기.