Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(4.9) 수강평 37개

수강생 741명

이런 걸 배울 수 있어요

  • 창의적인 인터랙티브 웹 개발

  • 눈에 띄는 포트폴리오 웹사이트 제작

  • 창의적인 디자인을 코드로 옮기는 일련의 과정

  • CSS와 자바스크립트를 효율적으로 연계하기

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

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

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

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


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

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

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

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

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


예상질문에 답해드려요 🙌 

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

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

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

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

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

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


연관 로드맵 🚎

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 크리에이티브 넘치는 인터랙티브 웹 구현에 관심있는 분들

  • 남들과 다른 독특한 포트폴리오 웹사이트를 만들고 싶은 분들

  • 개자이너, 디발자에 대한 로망을 갖고 계신 분들

선수 지식,
필요할까요?

  • CSS 기초

  • 자바스크립트 기초

안녕하세요
입니다.

19,228

수강생

1,215

수강평

1,175

답변

5.0

강의 평점

11

강의

서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.

커리큘럼

전체

15개 ∙ (2시간 16분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

37개

4.9

37개의 수강평

  • horolroro님의 프로필 이미지
    horolroro

    수강평 6

    평균 평점 5.0

    5

    87% 수강 후 작성

    I love it. Please upload more lectures like this!! The explanations were detailed and easy to understand. I want to listen to a lecture that can help me get used to calculating screens!

    • studiomeal
      지식공유자

      Thank you~ I will continue to create useful and fun classes :)

  • jinliyin03148116님의 프로필 이미지
    jinliyin03148116

    수강평 2

    평균 평점 5.0

    5

    60% 수강 후 작성

    I've always had a thirst for unique web implementations, so when I searched, all I found were overseas materials... There were only sources, and the explanations were lacking, so it was hard to study, but I'm so happy that there's a lecture that digs into each example so tenaciously! Please keep making more, lol

    • studiomeal
      지식공유자

      Thank you for your kind words :) I will dig deeper again~ㅎㅎㅎ

  • kimjuno97님의 프로필 이미지
    kimjuno97

    수강평 6

    평균 평점 5.0

    5

    100% 수강 후 작성

    This is the third complete lecture of 1 Minute Coding's interactive web lecture! Thank you so much for the great lecture!

  • ehdrbdndns님의 프로필 이미지
    ehdrbdndns

    수강평 11

    평균 평점 5.0

    5

    100% 수강 후 작성

    Thank you for the great lecture.

  • bongsikhan님의 프로필 이미지
    bongsikhan

    수강평 5

    평균 평점 5.0

    5

    100% 수강 후 작성

    I used to wonder, how on earth do you make something like this? But now I can make it in no time. Thank you so much.

    • studiomeal
      지식공유자

      Sorry for the late reply^^;; Thank you :)

1분코딩님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!