Codeit dashboard clone

코드잇 스타일 UI 쇼케이스

메뉴 보기

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

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

멤버십 안내

대시보드 홈

수강 중인 강의

내 수업
토픽

프로그래밍 시작하기 in Python

15/15 레슨 완료

출석

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

재생목록

내 수업프로그래밍 오버뷰

입문 · 레슨 18

내 챌린지

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

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

커뮤니티 활동

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

커뮤니티에 참여해 수강생들과 함께 공부해보세요.

최근 북마크

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

코딩이 뭘까?

획득한 배지

7개+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개를 완료하고, 여러분의 무한한 가능성을 펼쳐나가 보세요!

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

7월 토픽 1개 완료 챌린지

7월 1일 ~ 7월 31일 까지

7월 내에 토픽 1개를 완료하고, 목표 달성에 도움을 받아보세요!

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

7월 토픽 3개 완료 챌린지

7월 1일 ~ 7월 31일 까지

7월 내에 토픽 3개를 완료하고, 비교 불가능한 성장을 만들어 보세요!

토픽 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로 실천 문헌하기 〉 글을 대화 연습하기

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

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

달려볼까

하루에 10개 레슨 완료.정말 멋진 질주였어요!

115,270명 획득
멈출 수 없어요

멈출 수 없어요

하루에 30개 레슨 완료.열정을 멈출 수가 없네요!

58,865명 획득
헬로 월드

헬로 월드

100개 레슨 완료.100점 만점에 100점!

65,915명 획득
스파르타

스파르타

300개 레슨 완료.코드잇 전사로 인정합니다!

16,169명 획득
미라클 클럽

미라클 클럽

새벽 5시~7시 사이에 레슨 완료.불타는 열정은 정말 미라클!

11,387명 획득
올빼미 클럽

올빼미 클럽

새벽 2시~4시 사이에 레슨 완료.공부 열정은 잠들지 않네요!

16,397명 획득
빨강 불꽃

빨강 불꽃

4주 연속 출석 완료.빨갛게 타오르는 공부 열정!

49,032명 획득
노랑 불꽃

노랑 불꽃

12주 연속 출석 완료.꾸준함이 정말 멋져요!

2,805명 획득
최고의 멘토

최고의 멘토

커뮤니티 답변 10번 채택.최고의 멘토로 임명합니다!

72명 획득
코드잇 로켓 탑승

코드잇 로켓 탑승

첫 구독 5일 안에 토픽을 수료했어요.코드잇 로켓 탑승 완료!

30,989명 획득

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

질문/답변

질문/답변

  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위

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

커뮤니티 활동

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

강의 필터와 레슨 리스트

북마크한 레슨

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

코딩이 뭘까?

획득/미획득 배지 그리드

배지

달려볼까

처음으로 레슨을 수강했어요.

+1

멈출 수 없어요

연속 학습 흐름을 이어가고 있어요.

+2

집중력 신

정해진 시간 동안 학습을 완료했어요.

+1

헬로 월드

첫 프로그래밍 토픽을 끝냈어요.

+3

스파르타

여러 레슨을 빠르게 완주했어요.

+1

???

아직 획득 조건이 공개되지 않았어요.

0

???

새로운 챌린지에서 열 수 있어요.

0

???

더 많은 학습 기록이 필요해요.

0

획득한 무제한 강의 수료증

내 수료증

Certificate of Completion

프로그래밍 시작하기 in Python

2023년 1월 15일 수료

Certificate of Completion

프로그래밍 시작하기 in JavaScript

2023년 3월 10일 수료

러닝 메이트 초대 화면

함께하기

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

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

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

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

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