코딩캠퍼스

PLAY LAB

AI 코딩 미션

영상 없이도 직접 따라 하며 코딩과 AI 활용을 배울 수 있어요.

0/9 완료한 미션
Level 1 학습 가능

컴퓨터와 파일 이해하기

파일, 폴더, 확장자를 알고 내 프로젝트 폴더를 정리해요.

8분 concept check
  • 파일은 글, 그림, 코드처럼 컴퓨터에 저장되는 하나의 자료예요.
  • 폴더는 파일을 주제별로 담아두는 상자예요.
시작하기
Level 2 학습 가능

키보드와 입력 연습

코딩에 자주 쓰는 괄호, 따옴표, 세미콜론을 연습해요.

7분 practice
  • 코딩에서는 글자뿐 아니라 기호도 많이 써요.
  • 괄호 (), 중괄호 {}, 따옴표 ""는 명령을 정확히 전달할 때 필요해요.
시작하기
Level 3 학습 가능

HTML로 자기소개 페이지 만들기

h1, p, img, a 태그로 나를 소개하는 페이지를 만들어요.

12분 html practice
  • HTML은 웹페이지의 뼈대를 만드는 언어예요.
  • h1은 큰 제목, p는 문단, a는 링크, img는 이미지를 넣어요.
시작하기
Level 4 학습 가능

CSS로 화면 꾸미기

색, 글자 크기, 여백으로 버튼과 카드를 꾸며요.

12분 css practice
  • CSS는 웹페이지의 색과 모양을 꾸미는 언어예요.
  • margin은 바깥 여백, padding은 안쪽 여백이에요.
시작하기
Level 5 학습 가능

JavaScript로 버튼 동작 만들기

버튼 클릭 이벤트로 화면에 반응을 만들어요.

12분 javascript practice
  • JavaScript는 웹페이지가 움직이게 만드는 언어예요.
  • click 이벤트를 쓰면 버튼을 눌렀을 때 할 일을 정할 수 있어요.
시작하기
Level 6 학습 가능

AI에게 좋은 요청 쓰기

무엇을 만들지, 조건, 원하는 결과를 담아 좋은 프롬프트를 써요.

10분 prompt practice
  • AI에게는 자세하고 분명하게 요청할수록 좋은 답을 받을 수 있어요.
  • 목표, 조건, 결과 형태를 함께 적어보세요.
시작하기
Level 7 학습 가능

Python으로 계산기 만들기

변수, input, 조건문으로 간단한 계산기를 만들어요.

15분 python practice
  • 변수는 값을 담는 이름표예요.
  • input은 사용자의 입력을 받아요.
시작하기
Level 8 학습 가능

나만의 미니 게임 만들기

Play Lab 게임을 참고해 점수와 규칙이 있는 미니 게임을 설계해요.

14분 game design
  • 게임에는 목표, 규칙, 점수가 있어요.
  • 작은 규칙부터 만들면 미니 게임을 완성하기 쉬워요.
시작하기
Level 9 학습 가능

내가 만든 것을 Wiki로 정리하기

배운 내용과 만든 코드를 짧은 Wiki 글로 정리해요.

10분 reflection
  • 정리 글을 쓰면 내가 무엇을 배웠는지 더 오래 기억할 수 있어요.
  • 제목, 배운 것, 코드, 다음 목표 순서로 쓰면 쉬워요.
시작하기