소개
안녕하세요. 10년차 웹 그래픽 엔지니어 한태재입니다. 저는 기본적으로 풀스택 개발자이지만 프론트앤드에 집중하여 작업합니다 :)
저는 Angular, React등의 프레임워크를 사용해 프론트엔드 개발을 해왔습니다. 하지만 역시 가장 좋아하는 작업은 Threejs, WebGL, D3js , Pixi.js 등 웹(HTML5)에서 2D/3D Canvas 그래픽스를 다루는 프로젝트들 입니다.
저는 새롭고 창의적인 유저경험(UX)를 만드는 인터렉티브한 웹 컨텐츠에 대한 열정이 가득합니다. 같이 재미있는 프로젝트 만들어봐요 !
10년차 인터렉티브 3D 프론트엔드 개발자
-(현) 네오위즈 - HTML5 게임 개발자
-(현) 모두의연구소 - Generative art 랩장
-위메이드 - Defi Frontend 개발 팀장
-다비오 - Three.js 개발 팀장
-Dmajor - 시니어 프론트엔드 개발자
-모두의연구소 - Interactiver art of web 랩장
-Addpac - 쥬니어 프론트엔드 개발자
-NHN 네이버 재팬 - UX/UI 디자이너
-매드맨포스트 - CG Effect Artist
-국민대 - 공업디자인 전공
강의
수강평
- R3F(React + Three.js / Typescript)로 인터렉티브 포트폴리오 만들기
- React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발
- React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발
- React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발
- React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발
게시글
질문&답변
문제 해결했습니다.
안녕하세요! 이명재TV님 해결하셨다니 다행입니다 ㅎㅎ alias를 설정해두면 프로젝트에서 참 편하죠 !ChatGPT는 역시 인간보다 빠르고 정확하군요 ㅎㅎ저도 ChatGP를 자주 쓰고있는데요. 개념을 이해하시면서 ChatGPT와 같이 공부하시면 훨씬 능률이 좋을 것 같습니다! 다른 질문 있으시면 알려주세요! 감사합니다!
- 0
- 1
- 52
질문&답변
문제 있어요! alias Path @ 문제
안녕하세요. 이명재TV님 질문주셔서 감사합니다!제가 답변드리기전에 해결하셨다니 다행이네요 ㅎㅎ 또 다른 질문있으시면 편하게 알려주세요오늘도 즐거운 코딩 하세요! 감사합니다 :)
- 0
- 2
- 93
질문&답변
dom / svg / canvas
안녕하세요! 그리드를 활용한다는게 어떤 의미인지 잘 모르겠지만, dom/svg를 이용할때는 css animation을 많이 사용합니다. css transform과 transition을 사용하면 원하는 곳으로 animation되면서 배치하실 수 있을거라고 생각됩니다. 감사합니다!
- 0
- 1
- 102
스터디
모집중
HTML5 웹 Canvas 그래픽
- 1
- 0
- 249
스터디
모집중
Web HTML5 Creative Coding (p5.js, three.js, webgl, pixi.js 등..)
- 1
- 0
- 260
질문&답변
물질을 클릭했을 때 이벤트
안녕하세요 :흥 님. 질문주셔서 감사합니다. 먼저 오브젝트에 클릭이벤트를 주어 물체를 이동하시려면 아래 강의를 참고하시면 따라하실 수 있을 것 같습니다.섹션 7. Interaction & event / raycaster - r3f interaction event 종류들 및 오브젝트 변경 또한 카메라의 시점을 변경하고 싶으시면 아래 강의를 참고하시면 좋을것 같습니다.섹션 10. [프로젝트] 카메라 컨트롤 - 카메라 부드럽게 이동하기 그리고 물체를 한번에 순간 이동하는 것이 아니라 매 프레임마다 천천히 이동하고 싶으시면 아래 강의를 참고하셔서useFrame안에서 조금씩 포지션을 변경하는 방법을 사용하시면 됩니다.섹션 2. R3F 설명 - Renderer ( useFrame ) 잘 안되시면 어떤 부분에서 막히시는지 알려주시면 같이 살펴보겠습니다! 감사합니다 :)
- 0
- 1
- 265