퀘스트

무엇을 확인했는지, 어디까지 했는지.

그래픽스 공부 순서

현재: 3D 기초

  1. 공통 기초

    물체 · 카메라 · 렌더링

    첫 설명 완료
  2. 03

    WebGL

    삼각형 · 셰이더 · 값 전달

    예정
  3. 04

    WebGPU

    그리기 설정과 명령 제출

    예정
  4. 05

    vgpu

    라이브러리의 역할 비교

    예정

기술별 전체 숙달이 아닌, 입문 예제를 연결하는 학습 순서입니다.

완료한 퀘스트

공개 기록 9개
+30 XP

3D 세계의 입구에서

Graphics

3D 렌더링의 기본 흐름 설명하기

상자 회전과 카메라 이동을 구분하고, Three.js와 브라우저 API의 관계를 설명했다.

연결된 기록
+10XP
English

Three.js의 역할을 영어로 쓰기

supports와 by making을 반영해 완성 문장을 다시 썼다.

연결된 기록
+10XP
Reflection

이해한 것과 남은 질문 기록하기

기본 흐름에 대한 회고와 WebGL·WebGPU의 배경에 대한 질문을 남겼다.

연결된 기록
+10XP
+30 XP

검색 결과와 사용자의 선택

Frontend

key와 선택 항목의 관계 살펴보기

키보드 선택과 포인터 좌표의 차이를 비교 예제로 확인했다.

연결된 기록
+10XP
English

검색 결과의 동작을 영어로 표현하기

피드백을 반영한 영어 완성 문장을 다시 작성했다.

연결된 기록
+10XP
Reflection

결과 보류의 장단점 기록하기

잘못된 클릭 방지와 최신 결과 표시 지연의 관계를 정리했다.

연결된 기록
+10XP
+30 XP

렌더링 장면을 관찰하고 설명하기

Graphics

렌더링 구성 요소와 변경 결과 예측하기

학습용 비교 화면으로 구성 요소의 역할과 변화 예측을 살폈다.

연결된 기록
+10XP
English

변경 판단을 영어 한 문장으로 쓰기

단수 주어에 맞는 동사를 고쳐 쓰고 판단의 이유를 표현했다.

연결된 기록
+10XP
Reflection

비교 화면으로 배운 점 돌아보기

비교 화면이 이해에 도움이 됐다는 학습 피드백을 남겼다.

연결된 기록
+10XP