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, 챌린지 배지

7월 토픽 1개 완료 챌린지
7월 1일 ~ 7월 31일 까지
7월 내에 토픽 1개를 완료하고, 목표 달성에 도움을 받아보세요!
챌린지 보상300 XP, 챌린지 배지

7월 토픽 3개 완료 챌린지
7월 1일 ~ 7월 31일 까지
7월 내에 토픽 3개를 완료하고, 비교 불가능한 성장을 만들어 보세요!
챌린지 보상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로 실천 문헌하기 〉 글을 대화 연습하기
-- 하이픈 사용여부에 따른 차이가 궁금합니다.
하이픈을 사용하지 않고 작성한다면 답변이 달라질까요? 또 하이픈 말고 다른 문자표도 활용할 것이 있는지 궁금합니다.
달려볼까
하루에 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명 획득커뮤니티 질문 목록과 답변 랭킹
질문/답변
질문/답변
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위
질문, 답변, 지켜보는 글 탭
커뮤니티 활동
강의 필터와 레슨 리스트
북마크한 레슨
프로그래밍 오버뷰 › 프로그래밍 혁명
코딩이 뭘까?
획득/미획득 배지 그리드
배지
달려볼까
처음으로 레슨을 수강했어요.
+1멈출 수 없어요
연속 학습 흐름을 이어가고 있어요.
+2집중력 신
정해진 시간 동안 학습을 완료했어요.
+1헬로 월드
첫 프로그래밍 토픽을 끝냈어요.
+3스파르타
여러 레슨을 빠르게 완주했어요.
+1???
아직 획득 조건이 공개되지 않았어요.
0???
새로운 챌린지에서 열 수 있어요.
0???
더 많은 학습 기록이 필요해요.
0획득한 무제한 강의 수료증
내 수료증
프로그래밍 시작하기 in Python
2023년 1월 15일 수료
프로그래밍 시작하기 in JavaScript
2023년 3월 10일 수료
러닝 메이트 초대 화면
함께하기
러닝 메이트 초대하고 함께 공부를 시작해 보세요.
함께하기는 4주간 진행되고, 원할 때 그만 둘 수 있어요.
매일 서로의 학습량을 확인하고 격려해요.
학습할 때마다 서로 추가 경험치가 쌓여요.
궁금한 게 생기면 함께 고민하고 해결해요.