스파르타코딩클럽 로고
로그인
에듀윌 × 스파르타
오직 에듀윌러만! 50% 할인 쿠폰팩 받으러 가기
전체 강의
부트캠프
국비
커뮤니티
블로그
이벤트
고객센터
기업 서비스
둘러보기
인텔리픽
신입 개발자 채용 공고를 한 곳에서
로그아웃
89,000원
무료

1시간만에
크리스마스 디데이 캘린더 만들기

크리스마스 특집! 1시간만에 디데이 캘린더 만들어보며 코딩 배워요
1주 수강
05.12 (일) ~ 05.14 (화)
강의 분량
8개 영상 ∙ 총 1시간 17분
89,000원
무료
선착순 할인

일단 따라 만들면서
크리스마스를 코딩해보세요!

먼저 만들고, 완성하면서 코딩을 시작해보세요.
1주 수강
수강 기간
05.12 (일) ~ 05.14 (화)
8
강의방식
8개 동영상
1
결과물
웹사이트 1개
완강 혜택
강의 및 자료 평생소장

[기기 사양 확인법]
- 윈도우: 컴퓨터 설정 → 시스템 → 정보
- Mac: 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여

[상세 사양]
- 윈도우 : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상 - Mac : 11.7 (Big Sur) 이상

핵심 스킬 3가지

Grid 시스템 구현하기
달력 모양을 코딩하기 위해서, Grid 시스템을 따라 만들며 배웁니다
카드 플립 애니메이션
구현하기
크리스마스 달력의 앞 뒤 카드를 구현하고, 클릭 애니메이션을 따라 만들며 배웁니다
매일 하나씩 열리는 기능
구현하기
날짜를 지정하고, 날짜에 맞는 카드까지만 열리는 스크립트를 따라 만들며 배웁니다
닫기
커리큘럼
1주 과정
웹사이트 1개
사용 기술
HTML, CSS, Javascript
구현 기능
달력 형태의 Grid 시스템을 따라 만들어봅니다 어드벤트 캘린더의 겉과 속에 들어갈 카드를 따라 만들어봅니다 카드 클릭 시 열리는 모달과 애니메이션을 따라 만들어봅니다
8강
총 1시간 17분
1-1
이번에 배울 것
1-2
코딩 준비하기
1-3
배경 만들기
1-4
달력 구조 잡기
1-5
달력 카드 꾸미기
1-6
상호작용 기능 만들기
1-7
날짜 관련 기능 추가하기
1-8
웹사이트 배포하기
튜터 소개
멋진 결과물을 만들어보는 것이
재미의 시작입니다!
최지웅
현) 스파르타코딩클럽 커리큘럼 리드
전) 삼성 청년 소프트웨어 아카데미 파이썬 트랙 대표 교수
전) 코드잇 Contents Producer
전) 에이럭스 전임 연구원

실습 결과물 1개

크리스마스 어드벤트 캘린더
HTML
CSS
Javascript
repl.it
Github
한 달에 하나씩 열리는 카드 24개로 구성된 달력 웹 페이지입니다. 매일매일 크리스마스를 즐거운 마음으로 기다리게 만들어줍니다

이 강의로 코딩을
시작해야 하는 이유

01
예쁜 결과물을 완성하며 코딩을 배웁니다
코딩을 가볍게 시작하면서, 더 좋은 결과물을 얻는 것에 집중합니다
02
쉽게 따라할 수 있습니다
수강환경에서 제공하는 기능과 함께 따라하며 코딩을 실습합니다.
03
컴퓨터만 준비해주세요!
이외의 추가 프로그램 설치 없이 코딩을 실습할 수 있습니다.
강의 완강 혜택
완강까지 책임지는 학습 관리 시스템

나만의 캘린더를 만들 수 있는
다양한 템플릿까지!

강의를 수강하면 달력 모양의 템플릿을 드려요.
FAQ
이런 강의는 어때요?