Thumbnail
개발 · 프로그래밍 프론트엔드
BBC 인터랙티브 페이지 "코로나19가 바꿀 사무실의 미래" 클론
(5.0)
136개의 수강평 ∙ 2309명의 수강생

무료

지식공유자: 1분코딩
총 4개 수업
수강기한: 무제한
수료증: 미발급
난이도:  입문-초급-중급이상
지식공유자 답변: 미제공
폴더에 추가 공유
초급자를 위해 준비한
[웹 퍼블리싱, 프론트엔드] 강의입니다.

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

✍️
이런 걸
배워요!
자바스크립트 UI 개발
스크롤을 이용한 인터랙션

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

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

이 분, 많이 보셨죠? 😊

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

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

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

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
크리에이티브 넘치는 인터랙티브 웹 구현에 관심있는 분
특별한 포트폴리오 웹사이트를 만들고 싶은 분
평소 1분코딩의 강의가 좋았던 분들
📚
선수 지식,
필요한가요?
CSS, 자바스크립트 기초

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

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

커리큘럼 총 4 개
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 준비하기
섹션 1. 페이지 제작하기
CSS 레이아웃
JS part 1
JS part 2
강의 게시일 : 2020년 09월 01일 (마지막 업데이트일 : 2020년 09월 01일)
수강평 총 136개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
136개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
ev79 thumbnail
이런 강의가 무료라니! 너무너무 감사합니다.
2020-12-30
지식공유자1분코딩
감사합니다!
2021-11-04
박수진 thumbnail
많이 배웠습니다! 복습해서 실력을 늘려가도록 하겠습니다!!! 강사님이 계셔서 ㅠㅠ힘이 납니다!!!!
2020-11-26
지식공유자1분코딩
화이팅입니다!!
2020-12-01
ㅅ짱 thumbnail
1분코딩님 강의 너무 좋아요 !!!! 진짜 최고..! gif 파일을 클릭했을 때 시작할 수 있도록 설정하는 것도 되나요??
2022-04-12
지식공유자1분코딩
감사합니다 ㅎㅎ 클릭했을 때의 동작은 스크립트를 이용하셔야겠네요!
2022-05-10
coquetry thumbnail
너무 좋은 강의! 차분히 가르쳐주셔서 좋아요!
2022-03-29
지식공유자1분코딩
감사합니다^^
2022-04-02
포포 thumbnail
정말 섬세하고 유용한 클론을 알려주셔서 감사합니다! 루프 체크는 진짜 감동이었어요!
2022-03-16
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스