몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

안녕하세요. 코딩일레븐입니다.

부분 리뉴얼을 하려다 강의 영상 전체를 모두 다시 제작했습니다.

화질, 음질, 코드 크기 등을 개선했고, 예제로 사용한 사이트도 최신화했습니다.

기존 강의에서 설명이 부족한 부분도 추가 영상을 제작했습니다.

주요 커리큘럼은 그대로지만 거의 새로운 강의라고 볼 수 있습니다 ^^

강의를 현재 보고 계신 분들은 영상이 갑자기 바뀌어 놀라실 수 있어서 미리 공지드립니다.

3/21 (화) 밤 12시 전후로 전체 영상 교체 예정입니다.

감사합니다.

안녕하세요. 코딩일레븐입니다.

강의를 출시한지 2년 반이 되었습니다.

첫 강의라 녹음 상태 등 부족한 부분이 많았다고 느껴 강의 리뉴얼 중입니다.

현재 있는 커리큘럼은 유지하고 디자인 및 스크립트를 정리하고 있고,

추가 컨텐츠도 기획 중입니다.

더 좋은 강의가 되어 돌아오겠습니다. ^^

최근 수강 신청하셔서 강의를 보고 계신 분들께 혼란을 드릴까 봐 미리 공지를 드립니다.

따뜻한 봄날 보내시고 열공하세요~

그리고 작년에 만든 웹 게임인데, 한 번씩 해보세요.

(안 하셔도 됩니다 ^^ 광고X)

https://fun.pickywicky.co.kr/

안녕하세요 코딩일레븐입니다.

오랜만에 강의를 오픈했습니다. 이전 강의에서 여러번 언급했던 3D 인터랙티브 강의입니다.
점점 서비스에서도 three.js를 많이 사용하고 있어서 배워두시면 활용도가 아주 높을 겁니다. 

저는 맨땅에서부터 시작을 했었는데, 그때 이런 강의가 있었다면 훨~~~씬 수월하게 
프로젝트를 진행했을 것 같습니다. 답답했던 그때를 생각하며 강의를 만들었습니다.

생각보다 어렵지 않으니 이번 기회에 three.js 맛을 한 번 보세요.
오픈시에만 30% 할인을 하니 지금이 기회입니다 : )

강의 바로가기

안녕하세요.

오랜만에 추가 강의와 완성된 소스를 업데이트했습니다.

스크롤 이벤트와 transform 속성을 이용하여

입체적인 페이지를 구성해봤는데요.

주목도가 높아서 많은 곳에 활용할 수 있을 것 같습니다.

:)

설명 영상은 넣지 않았지만 JS에 주석을 열심히 달았습니다.

영상으로 설명까지 넣어보려다 너무 늦었네요. (포기)

앞의 강의와 연결되는 내용이 아니라서 설명을 넣었어야 했는데 말이죠.

JS몇 줄과 css3 속성을 이용하면 위와같은 인터랙티브를 

쉽게 만들어볼 수 있다는 것을 보여드리고 싶었습니다.

마지막 강의의 파일을 다운 받아보시면 됩니다 :) 

안녕하세요.

질문게시판을 통한 요청이 있어서

완성된 3D Text Motion 을 추가 업로드 했습니다.

강의 리스트에서 다운로드 가능합니다. 

강의 영상을 따로 준비하지 않았습니다만,

강의를 차례로 보시면 어렵지 않게 따라하실 수 있습니다 ^^