Codeit dashboard clone

코드잇 스타일 UI 쇼케이스

메뉴 보기

혼자 공부하기 막막하다면?

지금 부트캠프 시작하면 인턴십 기회부터 취업 성공까지 밀착지원!

멤버십 안내

대시보드 홈

수강 중인 강의

내 수업
토픽

프로그래밍 시작하기 in Python

15/15 레슨 완료

출석

일간 연속 출석
0일
주간 연속 출석
0주
레슨 수강
0개

재생목록

내 수업프로그래밍 오버뷰

입문 · 레슨 18

내 챌린지

참여 중인 챌린지가 없어요.

챌린지에 참여해서 목표 달성에 도움을 받아보세요.

커뮤니티 활동

커뮤니티 활동 내역이 없어요.

커뮤니티에 참여해 친구들과 함께 공부해 보세요.

최근 북마크

프로그래밍 오버뷰 › 프로그래밍 혁명

코딩이 뭘까?

획득한 배지

6개이야기 씨앗첫 책의 작가주장의 첫걸음+3

획득한 수료증

2개

함께하기

러닝메이트와 함께해 보세요.

함께 학습하면 완료율도 경험치도 더 높아져요.

Codeit Design System 전체 컴포넌트

디자인 시스템

Buttons / Label

purplegreenpinkyellowgrayblueround

Text Field / Select / Textarea

Checkbox / Radio / Dropdown

프로그래밍 오버뷰최근 수강
Python 기초추천 토픽
JavaScript 핵심추천 토픽

Tabs / Pagination / Tooltip

요소와 4px 간격으로 배치합니다.

Toast / Snackbar

레슨을 완료했어요.

경험치가 120 증가했어요.

+120 XP
새로운 챌린지가 열렸어요.

지금 참여하면 추가 배지를 받을 수 있어요.

Modal / Bottom Sheet

수료증을 발급할까요?

완료한 토픽 기준으로 PDF 수료증을 생성합니다.

정렬 기준

Table / Accordion

수강생토픽상태진도
김코딩Python 기초진행 중72%
이자바JavaScript완료100%
박데이터SQL 분석대기18%
FAQ 섹션에는 멀티 확장 방식을 사용합니다.
Codeit Accordion 상세 페이지 기준으로 row gap 16px, 텍스트 max-width 700px을 유지합니다.
토글 아이콘은 확장/축소 의미가 명확해야 합니다.
다른 기능처럼 보이는 아이콘은 사용하지 않습니다.

무제한 강의와 단기 완성 토픽

내 수업

토픽

프로그래밍 시작하기 in Python

수료증
15/15
토픽

프로그래밍 오버뷰

1/18
Renewal
토픽

SQL로 하는 데이터 분석

16/97

코딩 기초 카테고리와 로드맵

강의 리스트

목표 달성 로드맵

코딩 공부 방향 설정하기

토픽 248,803명이 목표 달성

핵심 강의

무료 토픽

프로그래밍 오버뷰

입문레슨 18
토픽

프로그래밍 프리뷰

입문레슨 10

HTML/CSS로 웹사이트 만들기

토픽 733,270명이 목표 달성

핵심 강의

무료 토픽

웹 퍼블리싱 시작하기

입문레슨 52
토픽

CSS 핵심 개념

초급레슨 64
토픽

HTML 핵심 개념

초급레슨 52

Python으로 배우는 프로그래밍 기초

토픽 7241,904명이 목표 달성

핵심 강의

무료 토픽

프로그래밍 핵심 개념 in Python

초급레슨 44
무료 토픽

프로그래밍 시작하기 in Python

입문레슨 15

코딩 기초 강의

13개의 토픽

난이도인기순
무료 토픽

프로그래밍 시작하기 in Python

입문레슨 15
무료 토픽

프로그래밍 오버뷰

입문레슨 18
무료 토픽

프로그래밍 언어 이해하기

입문레슨 35
토픽

프로그래머의 세계 이해하기

입문레슨 15
토픽

소프트웨어 이해하기

입문레슨 22
무료 토픽

프로그래밍 시작하기 in JavaScript

입문레슨 19
토픽

프로그래밍과 데이터 in JavaScript

초급레슨 46
토픽

프로그래밍 핵심 개념 in JavaScript

초급레슨 56
토픽

컴퓨터 구조 이해하기

초급레슨 41

SQL 실행기와 수강 목차

레슨룸

01. 코드잇의 SQL 실행기 사용법!
오늘의 페이스 16/97

이제 여러분은 SQL 사용법을 좀더 본격적으로 배우기 시작할 건데요. SQL은 새로운 구문을 배울 때마다 그 구문을 실제로 따라서 작성해보는 것이 중요합니다.

코드잇에서는 이런 분들을 위해 SQL 실행기를 준비했는데요. SQL 실행기를 사용하면 배운 내용을 바로 직접 실행해볼 수 있습니다.

아래 이미지처럼 오른쪽에 있는 SQL 실행기 영역에 쿼리를 작성하고 실행 버튼을 누르면 결과를 확인할 수 있어요.

지금 빨간 박스로 표시된 영역이 SQL 문을 입력하는 곳입니다. 노란색으로 강조 표시된 실행 버튼을 클릭하면 결과가 파란색 박스로 표시된 영역 안에 뜨게 됩니다.

예를 들어,

오픈된 챌린지 카드와 미션/보상

챌린지 페이지

오픈된 챌린지

badge logo
8명 참여

7월 토픽 2개 완료 챌린지

7월 1일 ~ 7월 31일 까지

7월 안에 토픽 2개를 끝내고 배지와 600 XP를 받아 보세요.

토픽 2개 완료하기
5회 출석하기
레슨 30개 완료하기
badge logo
14명 참여

7월 토픽 1개 완료 챌린지

7월 1일 ~ 7월 31일 까지

7월 안에 토픽 1개를 끝내고 배지와 300 XP를 받아 보세요.

토픽 1개 완료하기
3회 출석하기
레슨 15개 완료하기
badge logo
25명 참여

7월 토픽 3개 완료 챌린지

7월 1일 ~ 7월 31일 까지

7월 안에 토픽 3개를 끝내고 배지와 1000 XP를 받아 보세요.

토픽 3개 완료하기
10회 출석하기
레슨 50개 완료하기

GS현우 프로필 탭

프로필 페이지

출석

0 XP
0일 연속 공부 중10주째 출석 중

누적 학습 현황

최대 연속 출석
5일 / 23주
완료한 레슨
448개
커뮤니티 질문
0개
커뮤니티 답변
3,803개
채택된 답변
729개
획득한 좋아요
874개

획득한 배지 10개

이야기 씨앗
이야기 씨앗
첫 책의 작가
첫 책의 작가
주장의 첫걸음
주장의 첫걸음
논리 토론가
논리 토론가
취재 수첩
취재 수첩
첫 기사 발행
첫 기사 발행

챌린지 내역 0개 성공/1개 참여

2026년49%

4월 토픽 2개 완료 챌린지나의 최종 순위 56위

(프로젝트) 랜딩 페이지 클론 디자인하기 〉 (프로젝트) 랜딩 페이지 클론 디자인하기 〉 컬러 준비하기

Local variables 안 뜸

만약 프로퍼티 패널에서 'Local variables' 버튼이 안 보인다면, 캔버스에서 다른 요소가 선택되어 있을 수 있어요. 특정 요소가 선택되어 있다면, 캔버스에서 아무 요소가 없는 부분을 한 번 클릭해서 선택 해제된 상태로 만든 다음 찾아보세요.라고 해서 빈 창을 클릭했는데 디자...

컬러 〉 컬러 〉 프라이머리 컬러 적용하기

저는 오른쪽의 Local Variables 메뉴가 안나와요

저는 오른쪽의 Local Variables 메뉴가 안나와요

웹 개발 기초 지식 〉 웹의 기본 요소 〉 CSS 실습

06.css실습에서 궁금한점이 있습니다.

blue; 에서 ;를 빼더니 색이 없어 지더라요.;는 어떤 의미를 가지고 쓰이는지, 알고 싶습니다

데이터 분석 프로젝트: 대형 마트 고객 데이터 〉 데이터 분석 프로젝트: 대형 마트 고객 데이터 〉 수강 가이드

Download as가 보이지 않아요

Download as가 보이지 않아요다운로드로 제출하긴 했는데맞게 들어간 건지 모르겠습니다

Figma 핵심 기능 〉 Figma 핵심 기능 〉 커뮤니티 소개

중간어 실습결과는 어떻게 제출하나요

제출안하나요?

챗GPT 똑똑하게 활용하기 〉 챗GPT로 실천 문헌하기 〉 글을 대화 연습하기

-- 하이픈 사용여부에 따른 차이가 궁금합니다.

하이픈을 사용하지 않고 작성한다면 답변이 달라질까요? 또 하이픈 말고 다른 문자표도 활용할 것이 있는지 궁금합니다.
이야기 씨앗

이야기 씨앗

인물과 사건을 떠올려첫 이야기를 시작했어요.

AI 작가
첫 책의 작가

첫 책의 작가

4단계를 모두 마치고나만의 디지털 책을 완성했어요.

AI 작가
주장의 첫걸음

주장의 첫걸음

내 생각과 까닭을 정리해첫 주장을 세웠어요.

AI 토론
논리 토론가

논리 토론가

주장과 근거, 반론까지토론 4단계를 완주했어요.

AI 토론
취재 수첩

취재 수첩

육하원칙으로 궁금한 것을처음 취재했어요.

AI 기자
첫 기사 발행

첫 기사 발행

사실과 의견을 나눠나만의 기사를 발행했어요.

AI 기자
기록의 시작

기록의 시작

전하고 싶은 경험과 지식을글로 정리하기 시작했어요.

AI 블로그
블로그 필자

블로그 필자

독자에게 도움이 되는블로그 글을 완성했어요.

AI 블로그
한 장의 메시지

한 장의 메시지

전하고 싶은 핵심 메시지를한 문장으로 정리했어요.

AI SNS
콘텐츠 메이커

콘텐츠 메이커

짧고 또렷한 카드 콘텐츠를직접 완성했어요.

AI SNS
알고리즘 출발

알고리즘 출발

문제를 작은 순서로 나누며알고리즘을 시작했어요.

초등 실과 5학년
블록 해결사

블록 해결사

3단계까지 배우고블록으로 문제를 해결했어요.

초등 실과 5학년
실과 5학년 완주

실과 5학년 완주

알고리즘과 블록 코딩6단계를 모두 마쳤어요.

초등 실과 5학년
데이터 탐정

데이터 탐정

데이터 속 규칙과 단서를처음 찾아냈어요.

초등 실과 6학년
AI 판단 분석가

AI 판단 분석가

3단계까지 배우며AI의 판단 과정을 살펴봤어요.

초등 실과 6학년
실과 6학년 완주

실과 6학년 완주

데이터와 AI 탐구6단계를 모두 마쳤어요.

초등 실과 6학년
첫 코스 완주

첫 코스 완주

처음으로 강의 하나를끝까지 모두 마쳤어요.

공통 성장
AI 콘텐츠 크리에이터

AI 콘텐츠 크리에이터

AI 클래스 5개를 완주해생각을 콘텐츠로 만들었어요.

AI 클래스
실과 탐구왕

실과 탐구왕

실과 5·6학년 강의를 완주해문제 해결력을 키웠어요.

학교 수업
일곱 코스 정복

일곱 코스 정복

7개 강의를 모두 완주한딩코클래스 마스터예요.

전체 강의

커뮤니티 질문 목록과 답변 랭킹

질문/답변

질문/답변

  1. 1위GS현우답변 36
  2. 2위이상민답변 5
  3. 3위Elena답변 3
  4. 4박경희답변 2
  5. 4두더징답변 2
  6. 4배종복답변 2
  7. 7오석표답변 1
  8. 7최성희답변 1
  9. 7오완섭답변 1
  10. 7김시경답변 1

Git커밋 다루기git reset의 3가지 옵션 II

스테이징 영역에 사라지지않는다는 부분이 이해가 잘 가지않습니당..

지금은 단순하게 파일이 한개만 있지만 만약 reset --mixed을 한 commit 까지의 영역에 다중에 파일이 있을경우 전부다 staging area로 들어가게되는건가요? 리셋한 커밋에서 변경된 파일들도 포함해서요, 변경되었다고 판단되는 모든 파일이 stagingarea에 들어가는건가영..? ?

A답변 0좋아요 0댓글 0
약 1시간 전이은솔약 1시간 전

(프로젝트) 랜딩 페이지 클론 디자인하기(프로젝트) 랜딩 페이지 클론 디자인하기컬러 준비하기

Local variables 안 뜸

만약 프로퍼티 패널에서 'Local variables' 버튼이 안 보인다면, 캔버스에서 다른 요소가 선택되어 있을 수 있어요. 특정 요소가 선택되어 있다면, 캔버스에서 아무 요소가 없는 부분을 한 번 클릭해서 선택 해제된 상태로 만든 다음 찾아보세요.라고 해서 빈 창을 클릭했는데 디자인 -페이지 / 스타일만 뜨고 안뜨는데요..이렇게 해도 되는건가요?

A답변 1좋아요 0댓글 0
약 4시간 전권민정약 4시간 전

새 재생목록 생성과 내 수업 묶음

재생목록

내 수업

토픽 14개

참여 중인 챌린지와 지난 기록

내 챌린지

참여 중인 챌린지

참여 중인 챌린지가 없어요.

챌린지에 참여해서 목표 달성에 도움을 받아보세요.

챌린지 내역

0개 성공/1개 참여
2023년
97%

1월 갓생러 챌린지

나의 최종 순위 270위

질문, 답변, 지켜보는 글 탭

커뮤니티 활동

아직 등록한 질문이 없어요.

강의 필터와 레슨 리스트

북마크한 레슨

프로그래밍 오버뷰 › 프로그래밍 혁명

코딩이 뭘까?

획득/미획득 배지 그리드

배지

이야기 씨앗AI 작가

이야기 씨앗

인물과 사건을 떠올려 첫 이야기를 시작했어요.

첫 책의 작가AI 작가

첫 책의 작가

4단계를 모두 마치고 나만의 디지털 책을 완성했어요.

주장의 첫걸음AI 토론

주장의 첫걸음

내 생각과 까닭을 정리해 첫 주장을 세웠어요.

논리 토론가AI 토론

논리 토론가

주장과 근거, 반론까지 토론 4단계를 완주했어요.

취재 수첩AI 기자

취재 수첩

육하원칙으로 궁금한 것을 처음 취재했어요.

첫 기사 발행AI 기자

첫 기사 발행

사실과 의견을 나눠 나만의 기사를 발행했어요.

기록의 시작AI 블로그

기록의 시작

전하고 싶은 경험과 지식을 글로 정리하기 시작했어요.

블로그 필자AI 블로그

블로그 필자

독자에게 도움이 되는 블로그 글을 완성했어요.

한 장의 메시지AI SNS

한 장의 메시지

전하고 싶은 핵심 메시지를 한 문장으로 정리했어요.

콘텐츠 메이커AI SNS

콘텐츠 메이커

짧고 또렷한 카드 콘텐츠를 직접 완성했어요.

알고리즘 출발초등 실과 5학년

알고리즘 출발

문제를 작은 순서로 나누며 알고리즘을 시작했어요.

블록 해결사초등 실과 5학년

블록 해결사

3단계까지 배우고 블록으로 문제를 해결했어요.

실과 5학년 완주초등 실과 5학년

실과 5학년 완주

알고리즘과 블록 코딩 6단계를 모두 마쳤어요.

데이터 탐정초등 실과 6학년

데이터 탐정

데이터 속 규칙과 단서를 처음 찾아냈어요.

AI 판단 분석가초등 실과 6학년

AI 판단 분석가

3단계까지 배우며 AI의 판단 과정을 살펴봤어요.

실과 6학년 완주초등 실과 6학년

실과 6학년 완주

데이터와 AI 탐구 6단계를 모두 마쳤어요.

첫 코스 완주공통 성장

첫 코스 완주

처음으로 강의 하나를 끝까지 모두 마쳤어요.

AI 콘텐츠 크리에이터AI 클래스

AI 콘텐츠 크리에이터

AI 클래스 5개를 완주해 생각을 콘텐츠로 만들었어요.

실과 탐구왕학교 수업

실과 탐구왕

실과 5·6학년 강의를 완주해 문제 해결력을 키웠어요.

일곱 코스 정복전체 강의

일곱 코스 정복

7개 강의를 모두 완주한 딩코클래스 마스터예요.

획득한 무제한 강의 수료증

내 수료증

Certificate of Completion

프로그래밍 시작하기 in Python

2023년 1월 15일 수료

Certificate of Completion

프로그래밍 시작하기 in JavaScript

2023년 3월 10일 수료

러닝 메이트 초대 화면

함께하기

러닝 메이트 초대하고 함께 공부를 시작해 보세요.

함께하기는 4주간 진행되고, 원할 때 그만 둘 수 있어요.

매일 서로의 학습량을 확인하고 격려해요.

학습할 때마다 서로 추가 경험치가 쌓여요.

궁금한 게 생기면 함께 고민하고 해결해요.