성장의 계절, 모든 강의 30% 할인!

Thumbnail
진짜 시작, 봄맞이 30% 할인 중(D-8)
BEST
개발 · 프로그래밍 프론트엔드

3D리플릿 만들기 - 인터랙티브 웹 프로젝트 대시보드

(4.9)
35개의 수강평 ∙  666명의 수강생

30%

11,550원

16,500원
지식공유자: 1분코딩
총 15개 수업 (2시간 16분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

중급자를 위해 준비한
[프론트엔드, 웹 퍼블리싱] 강의입니다.

인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.

✍️
이런 걸
배워요!
창의적인 인터랙티브 웹 개발
눈에 띄는 포트폴리오 웹사이트 제작
창의적인 디자인을 코드로 옮기는 일련의 과정
CSS와 자바스크립트를 효율적으로 연계하기

짧지만 확실하게
1분코딩과 3D 리플릿 제작하기! 🎶

입체로 펼쳐지고 확대도 가능한
3D 리플릿 📖

인터랙티브 웹 프로젝트에서는 CSS와 JS를 이용해 창의적인 인터랙션이 있는 예제를 만들어봅니다. 재미있는 예제들을 통해 웹 프론트엔드 기술의 기본기를 탄탄하게 확장해보세요.

  • 입체적인 디자인을 만들 수 있어요.
  • 예제 하나하나를 파고들어 자세하게 설명해드려요.


입체적인 디자인을 만들고싶다면
3D 리플릿, 함께 제작해봐요.

이런 분들이 들으면 좋아요 ✨

개발을 잘하고 싶은
디자이너분

디자인에 관심이
많으신 개발자분

CSS와 JS를 이용해
작업물을 만들고싶은 분


예상질문에 답해드려요 🙌 

Q. CSS를 전혀 모르는 초보도 수강이 가능할까요?

완전 기초부터 진행하는 수업은 아니기 때문에, CSS와 자바스크립트 기초는 알고있어야 원활하게 이해할 수 있습니다. 제 유튜브 채널의 기초 정리 영상으로 먼저 공부를 하시면 더 이해가 쉬울 거에요!

Q. 어떤 버전을 사용하나요?

FCMA 2015 (ES6) 버전의 스크립트를 사용하며, 완성된 소스코드를 제공합니다.

Q. 조금 더 체계적인 학습을 위한 팁이 있나요?

인터랙티브 웹 개발 제대로 시작하기 강의의 이론 부분 (전반부)를 학습하신 후 수강하면 더 이해가 쉽습니다. 그 외 필요한 선수지식은 선행학습 섹션에 관련 영상을 따로 준비해두었으니 참고해주세요.


연관 로드맵 🚎

"Oh!" 감탄사가 나오는 역동적인 인터랙티브 웹사이트를 만들어요.
1분코딩님의 인터랙티브 웹 사이트를 만들어보는
강의들로 구성된 로드맵입니다.
이 강의 포함

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
크리에이티브 넘치는 인터랙티브 웹 구현에 관심있는 분들
남들과 다른 독특한 포트폴리오 웹사이트를 만들고 싶은 분들
개자이너, 디발자에 대한 로망을 갖고 계신 분들
📚
선수 지식,
필요할까요?
CSS 기초
자바스크립트 기초

안녕하세요
1분코딩 입니다.
1분코딩의 썸네일

서울에서 웹 개발자/디자이너로 일했고 지금은 제주에서 웹사이트 만드는 일, 강의, 영상 만드는 일, 컨텐츠 만드는 일 등 해보고 싶은거 이것저것 해보며 살고 있습니다 :)
비주얼 임팩트가 있는 인터랙티브 웹 개발에 특히 관심이 많고 페이스북과 유튜브 "1분코딩"에서 관련 기술들을 공유하고 있어요.

커리큘럼 총 15 개 ˙ 2시간 16분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 프로젝트 소개 및 소스코드
섹션 1. 선행학습
템플릿 문자열 05:39
requestAnimationFrame으로 루프 처리하기 07:20
자바스크립트 이벤트 위임 22:57
섹션 2. 3D 리플릿 만들기
3D 리플릿 만들기 #1 미리보기 08:47
3D 리플릿 만들기 #2 12:14
3D 리플릿 만들기 #3 08:42
3D 리플릿 만들기 #4 06:28
3D 리플릿 만들기 #5 10:40
3D 리플릿 만들기 #6 03:53
3D 리플릿 만들기 #7 15:22
3D 리플릿 만들기 #8 07:46
3D 리플릿 만들기 #9 17:53
3D 리플릿 만들기 #10 07:23
강의 게시일 : 2019년 10월 30일 (마지막 업데이트일 : 2019년 10월 30일)
수강평 총 35개
수강생분들이 직접 작성하신 수강평입니다.
4.9
35개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
kimjuno97 thumbnail
5
1분코딩님의 인터렉티브 웹 강의 3번째 완강입니다.! 너뮤 좋은 강의 감사합니다!
2022-10-17
지식공유자 1분코딩
감사합니다 :)
2022-11-02
김디 thumbnail
5
독특한 웹 구현에 대한 갈증이 항상 있어서 찾아보면 다 해외 자료에..소스만 있고 설명이 부족해서 공부하기가 힘들었는데, 이렇게 예제를 집요하게 하나하나 파고드는 강의가 있어서 너무 좋습니다! 계속 또 만들어주세욬ㅋㅋ
2020-02-14
지식공유자 1분코딩
좋은 말씀 감사합니다 :) 또 집요하게 파고들어 보겠습니다~ㅎㅎㅎ
2020-02-18
호로로롤로 thumbnail
5
너무 좋아요.이런 강의 많이 올려주세요!! 설명도 자세히 해주셔서 이해하기 좋았습니다. 화면 스크린 계산 하는 것 에 익숙해질수 있는 강의 듣고 싶어요!
2019-11-15
지식공유자 1분코딩
감사합니다~ 앞으로도 유용하고 재밌는 수업 만들어 보겠습니다 :)
2019-11-18
BongSik Han thumbnail
5
이런 건 도대체 어떻게 만드는 거지? 라고 생각 했었는데 이제는 뚝딱 만들 수 있게 되었습니다. 넘나 감사드립니다.
2021-02-21
지식공유자 1분코딩
답글이 넘 늦었네요^^;; 감사합니다 :)
2022-11-02
양동균 thumbnail
5
좋은 강의 감사합니다.
2021-09-29
지식공유자 1분코딩
감사합니다! ^^
2021-11-02
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!