나만의 앱 만들기
모듈 4 / 4

미니 앱

11개 챌린지 · ~90

배운 컴포넌트를 모아 계산기, 타이머, 할 일 같은 작은 앱을 완성합니다.

0% 완료0 / 11
쉬움
#23

카운터 앱

가운데 큰 숫자 '0'과 '−', '+' 버튼을 만들고, 버튼으로 숫자를 1씩 줄이거나 늘려 보세요. '초기화' 버튼도 있어요.

쉬움
#24

별점 매기기

별 5개로 점수를 매기는 컴포넌트를 만들어 보세요. 별을 누르면 그만큼 노란 별로 채워지고, '3 / 5' 같은 점수가 표시돼요.

쉬움
#25

색상 팔레트 생성기

색상 4개로 이루어진 팔레트를 보여주고, '새로 만들기' 버튼을 누르면 무작위 색상으로 바뀌게 해보세요. 각 색상 아래에 색상 코드가 표시돼요.

쉬움
#26

단위 변환기

센티미터(cm)를 인치(inch)로 바꿔주는 단위 변환기를 만들어 보세요. 값을 입력하면 변환 결과가 바로 표시돼요.

쉬움
#27

오늘 할 일

목표 화면과 똑같은 '오늘 할 일' 체크리스트를 만들어 보세요. 위쪽에는 제목과 날짜, 오른쪽에 '6개 남음' 배지가 있고, 그 아래에는 체크박스가 달린 할 일 6개가 세로로 나열돼요. 할 일을 클릭하면 완료(체크 표시·취소선) 처리되고 오른쪽 위의 남은 개수가 하나 줄어듭니다(다시 누르면 다시 늘어나요).

쉬움
#28

카페 메뉴판

목표 화면과 똑같은 카페 메뉴판을 만들어 보세요. 메뉴 카드 3개(이름·가격·담기 버튼)와 오른쪽 위의 주문 카운터가 있어야 해요. '담기'를 누르면 주문 수가 1씩 올라갑니다.

보통
#29

뽀모도로 타이머

25분 뽀모도로 타이머를 만들어 보세요. 큰 '25:00' 시간과 '시작', '정지', '초기화' 버튼이 있어요.

보통
#30

계산기

사칙연산이 가능한 계산기를 만들어 보세요. 위에는 결과 화면, 아래에는 숫자 버튼(0~9)과 +, −, ×, ÷, =, C 버튼이 있어요.

보통
#31

퀴즈

질문 하나와 보기 4개를 만들고, 정답을 누르면 '정답입니다!'(오답이면 '아쉬워요') 결과가 나오게 해보세요.

어려움
#32

이모지 채팅

채팅 화면을 만들어 보세요. 메시지 몇 개가 말풍선으로 보이고, 아래에는 입력창과 이모지(😊) 버튼, '전송' 버튼이 있어요. 전송하면 내 말풍선이 추가돼요.

어려움
#33

랜딩 페이지

지금까지 배운 걸 모아 한 페이지짜리 앱 소개를 만들어 보세요 — 상단 바, 히어로(제목·버튼), 기능 3개, 요금, 그리고 하단 푸터.