BBC 인터랙티브 페이지 "코로나19가 바꿀 사무실의 미래" 클론

SNS에서 인기리에 공유되고 있는 BBC의 "코로나19가 바꿀 사무실의 미래" 인터랙티브 페이지의 핵심 기능을 똑같이 만들어 봅니다.

(5.0) 수강평 180개

수강생 3,331명

1분코딩

인터랙티브 웹 클론코딩

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

이런 걸 배울 수 있어요

자바스크립트 UI 개발
스크롤을 이용한 인터랙션

기본적인 스크롤 액션으로 재미있는 웹 콘텐츠를 만들어 보세요!

코로나19 시대, 다들 안녕하신가요?
페이스북 등에서 많이 공유되었던 BBC 비주얼저널리즘팀의 "재택근무의 일상화.. 코로나19가 바꿀 사무실의 미래" 인터랙티브 페이지를 비슷하게 만들어 봅니다.
position sticky, IntersectionObserver 등의 최신 기술들을 활용해서 효율적으로 만드는 방법을 알려드릴게요.
기본 스크롤 액션을 이용한 기법이므로 재미있는 웹 콘텐츠 제작에 여러가지로 활용하기 좋을 거예요!

이 분, 많이 보셨죠? 😊

얘는 많이 못보셨죠..? 😅

1분코딩의
다른 강의가 궁금하다면?

1분코딩 인터랙티브 웹 로드맵
"Oh!" 감탄사가 나오는
역동적인 인터랙티브 웹사이트를 만들어요.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

크리에이티브 넘치는 인터랙티브 웹 구현에 관심있는 분
특별한 포트폴리오 웹사이트를 만들고 싶은 분
평소 1분코딩의 강의가 좋았던 분들

선수 지식,
필요할까요?

CSS, 자바스크립트 기초

안녕하세요
1분코딩입니다.

18,962

명

수강생

1,168

개

수강평

1,173

개

답변

5.0

점

강의 평점

개

강의

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

개발자/디자이너/콘텐츠크리에이터
웹사이트 https://studiomeal.com
유튜브 https://youtube.com/c/1분코딩
페이스북 https://www.facebook.com/1mincoding
인스타그램 @studiomeal

커리큘럼

전체

4개 ∙ (1시간 12분)

해당 강의에서 제공:

수업자료

섹션 1. 준비하기

1개

소스코드 다운로드

섹션 2. 페이지 제작하기

3개 ∙ (1시간 12분)

CSS 레이아웃
15:36
JS part 1
33:32
JS part 2
23:39

강의 게시일: 2020. 08. 31.

마지막 업데이트일: 2025. 03. 07.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

BBC 인터랙티브 페이지 "코로나19가 바꿀 사무실의 미래" 클론

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

이런 걸 배울 수 있어요

1분코딩의다른 강의가 궁금하다면?

이런 분들께 추천드려요!

안녕하세요 1분코딩입니다.

커리큘럼

수강평

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

1분코딩의
다른 강의가 궁금하다면?

이런 분들께
추천드려요!

안녕하세요
1분코딩입니다.