안녕하세요. 이번 블로깅은 글또 9기 활동하면서, 지원받은 Udemy 강의를 듣고 난 후기를 써보려고 합니다. 저는 개인적으로 [인터렉티브 웹개발]에 관심이 많은데요, Udemy 중에 관심이 가는 강의를 신청했고 그 중 한달동안 5명의 인원과 [스터디]를 통해, 함께 수강한 후기를 소개합니다!

유데미 강의링크 - React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

인터렉티브 웹이란?

우선 제가 관심있다는, 인터렉티브 웹이란 무엇을 말할까요? 지금은 너무나 분야가 유명해져서 익히 아시는 분들이 많아졌습니다. 우선 챗지피티에게 인터렉티브 웹에 대해 물어보았습니다.

인터랙티브 웹은 사용자와 상호작용하며 동적으로 변화하는 웹 사이트나 웹 애플리케이션을 가리킵니다. 이는 사용자가 페이지에 있는 요소들과 소통하며 정보를 주고받을 수 있는 웹 경험을 제공합니다. 이러한 상호작용은 사용자 입력에 응답하거나 사용자의 행동에 따라 내용이 변경되는 것을 포함합니다.
인터랙티브 웹의 예시로는 온라인 게임, 웹 애플리케이션, 동적인 데이터 시각화, 사용자 지정 컨텐츠 필터링 등이 있습니다. 이러한 기능들은 사용자와의 상호작용을 통해 웹 경험을 더욱 흥미롭게 만들어 줍니다.

Chat GPT 가 잘 설명해주었듯이, 인터렉티브 웹이란 사용자가 페이지에 있는 엘리먼트들과 상호작용하고 따라서 웹 경험을 더욱 생생히 할 수 있는 웹 페이지를 말합니다. 제가 자주 애용하는 인터렉티브 웹들을 모아둔 아카이빙 사이트를 공유해볼께요! 바로 awwwards 라는 사이트 입니다. 여기 있는 웬만한 사이트들은 three.js 또는 React Three Fiber 로 개발할 수 있답니다.

스터디 운영

스터디 규칙

먼저 스터디 운영을 하기 앞서, 약 1개월동안 스터디를 하겠다는 목표를 가지고 팀원들과 규칙을 세웠습니다. 저희가 스터디를 함께 진행한 달은 12월-1월 사이인지라, 다들 연말연초 바쁠 것이라고 예상했습니다. 따라서 현실 가능성있게 규칙을 작성했고, 모두 동의하에 기쁘게 진행할 수 있었습니다. 다 함께 규칙에 동의해주셔서 적극적으로 진행할 수 있었음에 감사합니다.

스터디원 소개

스터디를 효율적으로 진행하기 전에, 스터디원들과 미리 소개를 진행해보았습니다. 이렇게 미리 원격으로 스터디 목표를 작성하고, 블로그 주소를 공유하니 하나라는 소속감을 느낄 수 있었습니다. 다들 직무도 다르고 스터디 목표도 조금씩 달랐지만 서로가 어떤 목표를 가지고 있는지 공유하면서 스터디가 끝난후 도움이 될 수 있는 부분을 따로 공유할 수 있었던 점이 너무 좋았습니다.

R3F 스터디 진행목표

1개월차로 스터디를 짧고 굵게 진행했기 때문에, 다함께 모든 것을 지속적으로 공유하긴 힘들 것이라고 판단했습니다. 따라서 아래와 같이 강의는 따로 듣고 나서 학습을 하고 오면 온라인으로 학습내용을 공유하고 또 어려웠던 점을 공유하며 다음주의 목표를 세우는 형태로 진행했습니다.

온/오프 스터디 스케줄

가장 중요한 스터디 컨텐츠인 유데미 R3F 강의를 기본으로 하고 스터디를 진행했기 때문에, 개발환경 세팅부터 하여 프로젝트 세팅까지 순차적으로 스케줄을 잡았습니다.

아래는 저희가 주차별로 나누어 스케줄을 작성한 표입니다. 이렇게 중요한 부분이나 서로 연관된 부분을 나누어 듣다보니, 학습을 하면서도 연관을 지어보며 효율적으로 스터디를 할 수 있었습니다.

스터디 회고

스터디 회고는 저의 학습내용을 바탕으로 회고를 해보겠습니다.
제가 좋아하는 인터렉티브 웹 blackdogstory 사이트를 참고해서 앞으로도 어떤 웹사이트를 만들어보고 싶은지를 공유했습니다. 뿐만 아니라, 이때 이 블랙독 사이트를 만드신 분의 개발블로그 를 보고 참고해보고 팀원들에게 공유하며 인사이트를 얻었습니다.

유데미 R3F 후기

쉽게, 차근차근 알려주시려고 하시던 강사분께 감사드립니다! 저는 사실 이전에도 r3f를 혼자 공부해서 프로젝트를 진행해본 적이 있었는데, 그당시를 생각하면 너무너무 맨땅에 헤딩이었습니다. 하지만 유데미 강의를 통해서 다시 한번 정리를 하니까 그때의 기억이 떠올랐고, 그 당시 dom element에 canvas element 를 함께 작성하려고 했었던 어려운 부분이 이해되었습니다.

(한달동안 스터디 진행 이후에 저희끼리 인터렉티브 전시를 보러갔습니다 ㅎㅎ)
뿐만 아니라 저를 믿고 함께 따라와주신 저희 훌륭한 팀원들께 감사드리며 후기를 마칩니다. 감사합니다!!

Udemy 강의를 무료로 들을 수 있도록 지원해주신 글또에게 감사드립니다!