Codeit dashboard clone
코드잇 스타일 UI 쇼케이스
혼자 공부하기 막막하다면?
지금 부트캠프 시작하면 인턴십 기회부터 취업 성공까지 밀착지원!
대시보드 홈
홈
수강 중인 강의
내 수업출석
재생목록
입문 · 레슨 18
내 챌린지
챌린지에 참여해서 목표 달성에 도움을 받아보세요.
커뮤니티 활동
커뮤니티에 참여해 친구들과 함께 공부해 보세요.
최근 북마크
프로그래밍 오버뷰 › 프로그래밍 혁명
코딩이 뭘까?획득한 배지
획득한 수료증
함께하기
함께 학습하면 완료율도 경험치도 더 높아져요.
Codeit Design System 전체 컴포넌트
디자인 시스템
클릭 확인한 17개 컴포넌트
Buttons / Label
Text Field / Select / Textarea
Checkbox / Radio / Dropdown
Tabs / Pagination / Tooltip
Toast / Snackbar
경험치가 120 증가했어요.
지금 참여하면 추가 배지를 받을 수 있어요.
Modal / Bottom Sheet
수료증을 발급할까요?
완료한 토픽 기준으로 PDF 수료증을 생성합니다.
정렬 기준
Table / Accordion
| 수강생 | 토픽 | 상태 | 진도 |
|---|---|---|---|
| 김코딩 | Python 기초 | 진행 중 | 72% |
| 이자바 | JavaScript | 완료 | 100% |
| 박데이터 | SQL 분석 | 대기 | 18% |
QFAQ 섹션에는 멀티 확장 방식을 사용합니다.
Q토글 아이콘은 확장/축소 의미가 명확해야 합니다.
무제한 강의와 단기 완성 토픽
내 수업
코딩 기초 카테고리와 로드맵
강의 리스트
목표 달성 로드맵

코딩 공부 방향 설정하기
토픽 2개48,803명이 목표 달성
핵심 강의
프로그래밍 오버뷰
프로그래밍 프리뷰

HTML/CSS로 웹사이트 만들기
토픽 7개33,270명이 목표 달성
핵심 강의
웹 퍼블리싱 시작하기
CSS 핵심 개념
HTML 핵심 개념

Python으로 배우는 프로그래밍 기초
토픽 7개241,904명이 목표 달성
핵심 강의
프로그래밍 핵심 개념 in Python
프로그래밍 시작하기 in Python
코딩 기초 강의
13개의 토픽
프로그래밍 시작하기 in Python
프로그래밍 오버뷰
프로그래밍 언어 이해하기
프로그래머의 세계 이해하기
소프트웨어 이해하기
프로그래밍 시작하기 in JavaScript
프로그래밍과 데이터 in JavaScript
프로그래밍 핵심 개념 in JavaScript
컴퓨터 구조 이해하기
SQL 실행기와 수강 목차
레슨룸
이제 여러분은 SQL 사용법을 좀더 본격적으로 배우기 시작할 건데요. SQL은 새로운 구문을 배울 때마다 그 구문을 실제로 따라서 작성해보는 것이 중요합니다.
코드잇에서는 이런 분들을 위해 SQL 실행기를 준비했는데요. SQL 실행기를 사용하면 배운 내용을 바로 직접 실행해볼 수 있습니다.
아래 이미지처럼 오른쪽에 있는 SQL 실행기 영역에 쿼리를 작성하고 실행 버튼을 누르면 결과를 확인할 수 있어요.
지금 빨간 박스로 표시된 영역이 SQL 문을 입력하는 곳입니다. 노란색으로 강조 표시된 실행 버튼을 클릭하면 결과가 파란색 박스로 표시된 영역 안에 뜨게 됩니다.
예를 들어,
오픈된 챌린지 카드와 미션/보상
챌린지 페이지
오픈된 챌린지

7월 토픽 2개 완료 챌린지
7월 1일 ~ 7월 31일 까지
7월 안에 토픽 2개를 끝내고 배지와 600 XP를 받아 보세요.
챌린지 보상600 XP, 챌린지 배지

7월 토픽 1개 완료 챌린지
7월 1일 ~ 7월 31일 까지
7월 안에 토픽 1개를 끝내고 배지와 300 XP를 받아 보세요.
챌린지 보상300 XP, 챌린지 배지

7월 토픽 3개 완료 챌린지
7월 1일 ~ 7월 31일 까지
7월 안에 토픽 3개를 끝내고 배지와 1000 XP를 받아 보세요.
챌린지 보상1000 XP, 챌린지 배지
GS현우 프로필 탭
프로필 페이지
출석
누적 학습 현황
- 최대 연속 출석
- 5일 / 23주
- 완료한 레슨
- 448개
- 커뮤니티 질문
- 0개
- 커뮤니티 답변
- 3,803개
- 채택된 답변
- 729개
- 획득한 좋아요
- 874개
획득한 배지 10개






챌린지 내역 0개 성공/1개 참여
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학년 완주
알고리즘과 블록 코딩6단계를 모두 마쳤어요.
초등 실과 5학년
데이터 탐정
데이터 속 규칙과 단서를처음 찾아냈어요.
초등 실과 6학년
AI 판단 분석가
3단계까지 배우며AI의 판단 과정을 살펴봤어요.
초등 실과 6학년
실과 6학년 완주
데이터와 AI 탐구6단계를 모두 마쳤어요.
초등 실과 6학년
첫 코스 완주
처음으로 강의 하나를끝까지 모두 마쳤어요.
공통 성장
AI 콘텐츠 크리에이터
AI 클래스 5개를 완주해생각을 콘텐츠로 만들었어요.
AI 클래스
실과 탐구왕
실과 5·6학년 강의를 완주해문제 해결력을 키웠어요.
학교 수업
일곱 코스 정복
7개 강의를 모두 완주한딩코클래스 마스터예요.
전체 강의커뮤니티 질문 목록과 답변 랭킹
질문/답변
질문/답변
GS현우답변 36
이상민답변 5
Elena답변 3- 4박경희답변 2
- 4두더징답변 2
- 4배종복답변 2
- 7오석표답변 1
- 7최성희답변 1
- 7오완섭답변 1
- 7김시경답변 1
Git커밋 다루기git reset의 3가지 옵션 II
스테이징 영역에 사라지지않는다는 부분이 이해가 잘 가지않습니당..
지금은 단순하게 파일이 한개만 있지만 만약 reset --mixed을 한 commit 까지의 영역에 다중에 파일이 있을경우 전부다 staging area로 들어가게되는건가요? 리셋한 커밋에서 변경된 파일들도 포함해서요, 변경되었다고 판단되는 모든 파일이 stagingarea에 들어가는건가영..? ?
Figma 핵심 기능Figma 핵심 기능codebnb: 숙박 목록 페이지 I
저는 이 화면이 없는데요
저는이화면을 할수있게 파일이 없는데요
Figma 핵심 기능Figma 핵심 기능베리어블과 스타일 (Variables and Styles)
로컬베리어스가 없습니다
저는 화면에 로컬베리어스라는글자가 없는데요..어떻게 해야하는건가요
(프로젝트) 랜딩 페이지 클론 디자인하기(프로젝트) 랜딩 페이지 클론 디자인하기컬러 준비하기
Local variables 안 뜸
만약 프로퍼티 패널에서 'Local variables' 버튼이 안 보인다면, 캔버스에서 다른 요소가 선택되어 있을 수 있어요. 특정 요소가 선택되어 있다면, 캔버스에서 아무 요소가 없는 부분을 한 번 클릭해서 선택 해제된 상태로 만든 다음 찾아보세요.라고 해서 빈 창을 클릭했는데 디자인 -페이지 / 스타일만 뜨고 안뜨는데요..이렇게 해도 되는건가요?
Notion 기초 다지기Notion 기초 다지기Notion 시작하기
활용하기 좋은 전문적인 이력서 구성입니다
이력서 ## Profile- 이름: 나구피- 이메일: [dltkdals44@naver.com](mailto- 전화: 010 9046 ****- 거주지: 서울시 중랑구 아파트- 링크: (GitHub / 포트폴리오 / LinkedIn 등)## Professional Summary- 힘차
파이썬 첫걸음파이썬 첫걸음첫 번째 파이썬 코드
문제 풀었는데 채점하고 누르면 에러가 떠서 안넘어가요ㅠ
문제 풀었는데 채점하고 누르면 에러가 떠서 안넘어가요ㅠ
컬러컬러프라이머리 컬러 적용하기
저는 오른쪽의 Local Variables 메뉴가 안나와요
저는 오른쪽의 Local Variables 메뉴가 안나와요
디자인을 위한 챗GPT 기초디자인을 위한 챗GPT 기초중요한 정보 안전하게 지키기
저는 Setting 버튼이 안나와요
이렇게 나옵니다
그룹별로 분석하기그룹별로 분석하기피벗 테이블 실습
틀린 이유를 못찾겠습니다.
import pandas as pd olympic_df = pd.read_csv('data/olympic.csv') 이렇게 불러온 다음 피벗 테이블을 만들었는데 결과가 다르게 나옵니다. 어느 부분이 틀린 건지 못찾겠습니다.
UI 디자인 기초UI 디자인 기초일관성: 회원가입 페이지
구글 아이콘 중앙정렬 하니까 위치가 바껴버려요
그룹으로 만들고 세로 가운데 정렬 눌렀을 때 갑자기 위로 올라가버리면서 위치가 바뀌고 가로 가운데 정렬은 눌러도 가운데로 안 가요..
새 재생목록 생성과 내 수업 묶음
재생목록
내 수업
토픽 14개
참여 중인 챌린지와 지난 기록
내 챌린지
참여 중인 챌린지
챌린지에 참여해서 목표 달성에 도움을 받아보세요.
챌린지 내역
0개 성공/1개 참여1월 갓생러 챌린지
나의 최종 순위 270위
질문, 답변, 지켜보는 글 탭
커뮤니티 활동
강의 필터와 레슨 리스트
북마크한 레슨
프로그래밍 오버뷰 › 프로그래밍 혁명
코딩이 뭘까?
획득/미획득 배지 그리드
배지
AI 작가이야기 씨앗
인물과 사건을 떠올려 첫 이야기를 시작했어요.
AI 작가첫 책의 작가
4단계를 모두 마치고 나만의 디지털 책을 완성했어요.
AI 토론주장의 첫걸음
내 생각과 까닭을 정리해 첫 주장을 세웠어요.
AI 토론논리 토론가
주장과 근거, 반론까지 토론 4단계를 완주했어요.
—
AI 기자취재 수첩
육하원칙으로 궁금한 것을 처음 취재했어요.
—
AI 기자첫 기사 발행
사실과 의견을 나눠 나만의 기사를 발행했어요.
—
AI 블로그기록의 시작
전하고 싶은 경험과 지식을 글로 정리하기 시작했어요.
—
AI 블로그블로그 필자
독자에게 도움이 되는 블로그 글을 완성했어요.
—
AI SNS한 장의 메시지
전하고 싶은 핵심 메시지를 한 문장으로 정리했어요.
—
AI SNS콘텐츠 메이커
짧고 또렷한 카드 콘텐츠를 직접 완성했어요.
—
초등 실과 5학년알고리즘 출발
문제를 작은 순서로 나누며 알고리즘을 시작했어요.
—
초등 실과 5학년블록 해결사
3단계까지 배우고 블록으로 문제를 해결했어요.
—
초등 실과 5학년실과 5학년 완주
알고리즘과 블록 코딩 6단계를 모두 마쳤어요.
—
초등 실과 6학년데이터 탐정
데이터 속 규칙과 단서를 처음 찾아냈어요.
—
초등 실과 6학년AI 판단 분석가
3단계까지 배우며 AI의 판단 과정을 살펴봤어요.
—
초등 실과 6학년실과 6학년 완주
데이터와 AI 탐구 6단계를 모두 마쳤어요.
—
공통 성장첫 코스 완주
처음으로 강의 하나를 끝까지 모두 마쳤어요.
—
AI 클래스AI 콘텐츠 크리에이터
AI 클래스 5개를 완주해 생각을 콘텐츠로 만들었어요.
—
학교 수업실과 탐구왕
실과 5·6학년 강의를 완주해 문제 해결력을 키웠어요.
—
전체 강의일곱 코스 정복
7개 강의를 모두 완주한 딩코클래스 마스터예요.
—획득한 무제한 강의 수료증
내 수료증
프로그래밍 시작하기 in Python
2023년 1월 15일 수료
프로그래밍 시작하기 in JavaScript
2023년 3월 10일 수료
러닝 메이트 초대 화면
함께하기
러닝 메이트 초대하고 함께 공부를 시작해 보세요.
함께하기는 4주간 진행되고, 원할 때 그만 둘 수 있어요.
매일 서로의 학습량을 확인하고 격려해요.
학습할 때마다 서로 추가 경험치가 쌓여요.
궁금한 게 생기면 함께 고민하고 해결해요.