+
+
+
뮤직 매거진
+
+ 여행에서
+
+ 비행기 표를 예매하고 짐을 챙기는 순간부터 여행이 시작된 것 같은 기분이죠.
+ 화려한 여행지의 추억을 뒤로하고 다시 일상으로 돌아온 사람들을 위한 파워풀한 음악을 준비했습니다.
+ 여행에서 재충전한 에너지를 모아 모아서힘찬 한 주를 시작해보는 건 어떨까요?
+
+
+
+
+ 이달의 플레이리스트
+
+
+
+
+ 여행을 떠나요
+
+
+ Codeit Music
+
+
+
+
+
+ 금요일 저녁의 카페에서
+
+
+ Codeit Music
+
+
+
+
+
+ 이제 집중할 시간
+
+
+ Codeit Music
+
+
+
+
+
+ 몰디브 한 잔
+
+
+ Codeit Music
+
+
+
+
+
+ K-Pop 믹스
+
+
+ Codeit Music
+
+
+
+
+
+ 공부를 위한 클래식
+
+
+ Codeit Music
+
+
+
+
+
+ 한국 시티팝 20선
+
+
+ Codeit Music
+
+
+
+
+
+ 편안하게 느긋하게
+
+
+ Codeit Music
+
+
+
+
+
+ 고요한 밤을 위한 BGM
+
+
+ Codeit Music
+
+
+
+
+ 추천 아티스트
+
+
+
+
Neon 5
+
+
+
+
곤잘레스
+
+
+
+
케이시 킹
+
+
+
+
Frake
+
+
+
+
체인스모킹
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Black Venom
+
PinkPink
+
+
+
+
+
+
+
+
+
+
+
+
+
I Think I Like Her
+
찰리 원더
+
+
+
+
+
+
+
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\353\256\244\354\247\201\353\251\224\352\261\260\354\247\204/style.css" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\353\256\244\354\247\201\353\251\224\352\261\260\354\247\204/style.css"
new file mode 100644
index 000000000..8679554fb
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\353\256\244\354\247\201\353\251\224\352\261\260\354\247\204/style.css"
@@ -0,0 +1,200 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ word-break: keep-all;
+ font-family: Pretendard, sans-serif;
+ font-size: 16px;
+ line-height: 19px;
+}
+
+body {
+ background-color: #000;
+ color: #d9d9d9;
+ margin: 0;
+}
+
+section {
+ max-width: 1120px;
+ width: 100%;
+ margin: 80px auto;
+ padding: 0 36px;
+}
+
+.section-title {
+ font-weight: 700;
+ font-size: 32px;
+ line-height: 38px;
+ margin: 40px 0;
+}
+.featured {
+ display: flex;
+ gap: 40px;
+}
+
+.featured-content {
+ display: flex;
+ gap: 24px;
+ flex-direction: column;
+}
+.featured-thumb {
+ border-radius: 24px;
+}
+
+.featured-tag {
+ width: fit-content;
+ background-color: #18181b;
+ border-radius: 16px;
+ padding: 8px 16px;
+ font-weight: 500;
+ font-size: 20px;
+ line-height: 24px;
+ color: #565662;
+}
+
+.featured-title {
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ color: #d9d9d9;
+ margin: 0;
+}
+
+.featured-description {
+ margin: 0;
+ color: #868686;
+}
+
+.playlists {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 24px;
+}
+
+.playlist {
+ flex-basis: 23%;
+}
+
+.playlist-thumb {
+ width: 100%;
+ border-radius: 16px;
+}
+
+.playlist-title {
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 29px;
+ margin: 16px 0 8px;
+}
+
+.playlist-artist {
+ color: #868686;
+ margin: 0;
+}
+
+.artists {
+ display: flex;
+ gap: 30px;
+}
+.artist {
+ width: 120px;
+ text-align: center;
+ border-radius: 50%;
+}
+
+.artist-profile {
+ width: 100%;
+ border-radius: 50%;
+}
+
+.artist-name {
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 29px;
+ margin: 24px 0 0;
+}
+
+.stations {
+ display: grid;
+ grid-template-rows: 1fr 1fr 1fr;
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 30px;
+}
+
+.station {
+ width: 100%;
+ aspect-ratio: 1;
+ border-radius: 16px;
+}
+
+.charts {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid grid-auto-rows: 160px;
+ gap: 32px;
+}
+
+.charts-header {
+ margin: 32px 0;
+}
+
+.charts-title {
+ margin: 0;
+}
+
+.charts-see-all {
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 29px;
+ text-decoration: none;
+ color: #d9d9d9;
+}
+
+.chart {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ gap: 30px;
+}
+
+.chart-number {
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ background: #1a1a1a;
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 29px;
+}
+
+.chart-change {
+ font-size: 14px;
+ color: rgba(255, 255, 255, 0.2);
+}
+
+.chart-change.up {
+ color: #d93045;
+}
+
+.chart-cover {
+ width: 160px;
+ height: 160px;
+ border-radius: 16px;
+}
+
+.chart-title {
+ font-weight: 700;
+ font-size: 32px;
+ line-height: 38px;
+}
+
+.chart-artist {
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 29px;
+ color: #868686;
+}
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_after.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_after.svg"
new file mode 100644
index 000000000..3b6fa867d
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_after.svg"
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_album.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_album.svg"
new file mode 100644
index 000000000..ad5730ad0
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_album.svg"
@@ -0,0 +1,3 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_before.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_before.svg"
new file mode 100644
index 000000000..edfc7ae21
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_before.svg"
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_down.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_down.svg"
new file mode 100644
index 000000000..655facecc
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_down.svg"
@@ -0,0 +1,3 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_genre.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_genre.svg"
new file mode 100644
index 000000000..8db32f684
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_genre.svg"
@@ -0,0 +1,6 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_home.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_home.svg"
new file mode 100644
index 000000000..e6210d42e
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_home.svg"
@@ -0,0 +1,3 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_pause.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_pause.svg"
new file mode 100644
index 000000000..a7bd95a58
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_pause.svg"
@@ -0,0 +1,4 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_play.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_play.svg"
new file mode 100644
index 000000000..bf473506a
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_play.svg"
@@ -0,0 +1,4 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_playlist.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_playlist.svg"
new file mode 100644
index 000000000..5a471c44c
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_playlist.svg"
@@ -0,0 +1,3 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_same.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_same.svg"
new file mode 100644
index 000000000..0a12fe6d0
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_same.svg"
@@ -0,0 +1,3 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_up.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_up.svg"
new file mode 100644
index 000000000..a63308bbd
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/icon_up.svg"
@@ -0,0 +1,3 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_1.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_1.png"
new file mode 100644
index 000000000..0cc6cd0f3
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_1.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_2.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_2.png"
new file mode 100644
index 000000000..8266d32be
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_2.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_3.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_3.png"
new file mode 100644
index 000000000..ceaae67b9
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_3.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_4.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_4.png"
new file mode 100644
index 000000000..a0974ce4b
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_4.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_5.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_5.png"
new file mode 100644
index 000000000..a9fd4767d
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_artist_5.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_cafe.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_cafe.png"
new file mode 100644
index 000000000..70787c0ad
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_cafe.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_1.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_1.png"
new file mode 100644
index 000000000..04bb15a29
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_1.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_10.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_10.png"
new file mode 100644
index 000000000..28ac7699e
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_10.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_2.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_2.png"
new file mode 100644
index 000000000..77ca1706c
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_2.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_3.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_3.png"
new file mode 100644
index 000000000..c234ea6f0
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_3.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_4.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_4.png"
new file mode 100644
index 000000000..e1fffeff6
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_4.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_5.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_5.png"
new file mode 100644
index 000000000..50dc3d0bf
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_5.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_6.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_6.png"
new file mode 100644
index 000000000..ffe19570f
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_6.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_7.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_7.png"
new file mode 100644
index 000000000..e60d5f6ef
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_7.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_8.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_8.png"
new file mode 100644
index 000000000..591636a7b
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_8.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_9.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_9.png"
new file mode 100644
index 000000000..048895921
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_chart_9.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_current_song.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_current_song.png"
new file mode 100644
index 000000000..579897476
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_current_song.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_main_banner.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_main_banner.png"
new file mode 100644
index 000000000..b803bfe76
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_main_banner.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_1.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_1.png"
new file mode 100644
index 000000000..8c644feea
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_1.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_2.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_2.png"
new file mode 100644
index 000000000..4d4ddf30a
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_2.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_3.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_3.png"
new file mode 100644
index 000000000..29f600281
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_3.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_4.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_4.png"
new file mode 100644
index 000000000..16f66c139
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_4.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_5.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_5.png"
new file mode 100644
index 000000000..facf54e58
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_5.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_6.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_6.png"
new file mode 100644
index 000000000..ede32b42b
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_6.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_7.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_7.png"
new file mode 100644
index 000000000..766fe97af
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_7.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_8.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_8.png"
new file mode 100644
index 000000000..bbf2ae4ec
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_8.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_9.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_9.png"
new file mode 100644
index 000000000..107bf3207
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_playlist_9.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_1.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_1.png"
new file mode 100644
index 000000000..e5812d8f8
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_1.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_2.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_2.png"
new file mode 100644
index 000000000..31eab5a57
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_2.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_3.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_3.png"
new file mode 100644
index 000000000..3448705ff
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_3.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_4.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_4.png"
new file mode 100644
index 000000000..be3e2157a
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_4.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_5.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_5.png"
new file mode 100644
index 000000000..61507abf1
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_5.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_6.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_6.png"
new file mode 100644
index 000000000..862ccc4e9
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_6.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_7.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_7.png"
new file mode 100644
index 000000000..c8c2953cf
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_7.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_8.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_8.png"
new file mode 100644
index 000000000..5208a3118
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_8.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_9.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_9.png"
new file mode 100644
index 000000000..01a6cc385
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/img_station_9.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/logo.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/logo.svg"
new file mode 100644
index 000000000..1ea54a1d2
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/logo.svg"
@@ -0,0 +1,20 @@
+
+
+
+
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/phone.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/phone.png"
new file mode 100644
index 000000000..918bef408
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/images/phone.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/index.html" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/index.html"
new file mode 100644
index 000000000..d15a24405
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/index.html"
@@ -0,0 +1,363 @@
+
+
+
+
+
Codeit Music - Magazine
+
+
+
+
+
+
+
+
+
+
+
뮤직 매거진
+
+ 여행에서
+
+ 비행기 표를 예매하고 짐을 챙기는 순간부터 여행이 시작된 것 같은 기분이죠.
+ 화려한 여행지의 추억을 뒤로하고 다시 일상으로 돌아온 사람들을 위한 파워풀한 음악을 준비했습니다.
+ 여행에서 재충전한 에너지를 모아 모아서힘찬 한 주를 시작해보는 건 어떨까요?
+
+
+
+
+ 이달의 플레이리스트
+
+
+
+
+ 여행을 떠나요
+
+
+ Codeit Music
+
+
+
+
+
+ 금요일 저녁의 카페에서
+
+
+ Codeit Music
+
+
+
+
+
+ 이제 집중할 시간
+
+
+ Codeit Music
+
+
+
+
+
+ 몰디브 한 잔
+
+
+ Codeit Music
+
+
+
+
+
+ K-Pop 믹스
+
+
+ Codeit Music
+
+
+
+
+
+ 공부를 위한 클래식
+
+
+ Codeit Music
+
+
+
+
+
+ 한국 시티팝 20선
+
+
+ Codeit Music
+
+
+
+
+
+ 편안하게 느긋하게
+
+
+ Codeit Music
+
+
+
+
+
+ 고요한 밤을 위한 BGM
+
+
+ Codeit Music
+
+
+
+
+ 추천 아티스트
+
+
+
+
Neon 5
+
+
+
+
곤잘레스
+
+
+
+
케이시 킹
+
+
+
+
Frake
+
+
+
+
체인스모킹
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Black Venom
+
PinkPink
+
+
+
+
+
+
+
+
+
+
+
+
+
I Think I Like Her
+
찰리 원더
+
+
+
+
+
+
+
+
+
+
+
+
+
After Sunset
+
Benjamin
+
+
+
+ 2:34 / 5:67
+
+
+
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/style.css" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/style.css"
new file mode 100644
index 000000000..bf418b1ad
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\354\235\214\354\225\205_\355\224\214\353\240\210\354\235\264\354\226\264/style.css"
@@ -0,0 +1,322 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: Pretendard, sans-serif;
+ word-break: keep-all;
+}
+
+body {
+ margin: 0;
+ background-color: #000;
+ color: #fff;
+ font-size: 16px;
+ line-height: 24px;
+ height: 100vh;
+}
+main {
+ margin-left: 240px;
+ margin-bottom: 100px;
+}
+
+.sidebar {
+ padding: 16px;
+ background-color: #161519;
+ color: #8c8993;
+ width: 240px;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.logo {
+ padding: 24px 28px;
+ font-weight: 900;
+}
+
+.menu-items {
+ margin: 0;
+ margin-bottom: 48px;
+ padding: 0;
+ list-style: none;
+}
+
+.menu-item {
+ padding: 8px 24px;
+}
+
+.menu-item.active {
+ background-color: rgba(205, 187, 255, 0.1);
+ color: #ffffff;
+}
+
+.player {
+ height: 100px;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: flex;
+ flex-direction: column;
+}
+
+.progress-bar {
+ height: 6px;
+ background: linear-gradient(0deg, #4d4d54, #4d4d54),
+ linear-gradient(0deg, #4d4d54, #4d4d54), #4d4d54;
+}
+
+.progress {
+ width: 70%;
+ height: 100%;
+ background-color: #7000ff;
+}
+
+.player-main {
+ padding: 16px 40px;
+ background-color: rgba(48, 48, 55, 0.7);
+ backdrop-filter: blur(15px);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex: 1 0 auto;
+}
+
+.current {
+ border-radius: 14px;
+}
+
+.title {
+ color: #d9d9d9;
+}
+
+.artist {
+ color: #8c8993;
+}
+
+.playing {
+ width: 48px;
+ height: 48px;
+}
+
+.info {
+ display: flex;
+ align-items: center;
+ gap: 15px;
+}
+.icon {
+ width: 24px;
+ height: 24px;
+}
+
+.time {
+ color: #8c8993;
+}
+
+section {
+ max-width: 1120px;
+ width: 100%;
+ margin: 80px auto;
+ padding: 0 36px;
+}
+
+.section-title {
+ font-weight: 700;
+ font-size: 32px;
+ line-height: 38px;
+ margin: 40px 0;
+}
+
+.featured {
+ display: flex;
+ gap: 40px;
+}
+
+.featured-thumb {
+ flex-shrink: 0;
+ border-radius: 24px;
+}
+
+.featured-content {
+ display: flex;
+ gap: 24px;
+ flex-direction: column;
+}
+
+.featured-tag {
+ width: fit-content;
+ background-color: #18181b;
+ border-radius: 16px;
+ padding: 8px 16px;
+ font-weight: 500;
+ font-size: 20px;
+ line-height: 24px;
+ color: #565662;
+}
+
+.featured-title {
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+ color: #d9d9d9;
+ margin: 0;
+}
+
+.featured-description {
+ margin: 0;
+ color: #868686;
+}
+
+.playlists {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 24px;
+}
+
+.playlist {
+ flex-basis: 23%;
+}
+
+.playlist-thumb {
+ width: 100%;
+ border-radius: 16px;
+}
+
+.playlist-title {
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 29px;
+ margin: 16px 0 8px;
+}
+
+.playlist-artist {
+ color: #868686;
+ margin: 0;
+}
+
+.artists {
+ display: flex;
+ gap: 32px;
+}
+
+.artist {
+ width: 120px;
+ text-align: center;
+ border-radius: 50%;
+}
+
+.artist-profile {
+ width: 100%;
+ border-radius: 50%;
+}
+
+.artist-name {
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 29px;
+ margin: 24px 0 0;
+}
+
+.stations {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 40px;
+}
+
+.station {
+ width: 100%;
+ aspect-ratio: 1;
+ border-radius: 16px;
+}
+
+.charts {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-auto-rows: 160px;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ gap: 32px;
+}
+
+.charts-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 32px 0;
+}
+
+.charts-title {
+ margin: 0;
+}
+
+.charts-see-all {
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 29px;
+ text-decoration: none;
+ color: #d9d9d9;
+}
+
+.chart {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ gap: 30px;
+}
+
+.chart-info {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+
+.chart-rank {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.chart-number {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ background: #1a1a1a;
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 29px;
+}
+
+.chart-change {
+ font-size: 14px;
+ color: rgba(255, 255, 255, 0.2);
+}
+
+.chart-change.up {
+ color: #d93045;
+}
+
+.chart-cover {
+ flex: 0 0;
+ width: 160px;
+ height: 160px;
+ border-radius: 16px;
+}
+
+.chart-title {
+ font-weight: 700;
+ font-size: 32px;
+ line-height: 38px;
+}
+
+.chart-artist {
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 29px;
+ color: #868686;
+}
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_more.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_more.svg"
new file mode 100644
index 000000000..41e13a99d
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_more.svg"
@@ -0,0 +1,5 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_play.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_play.png"
new file mode 100644
index 000000000..837c7f958
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_play.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_playlist.svg" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_playlist.svg"
new file mode 100644
index 000000000..5141f33de
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/icon_playlist.svg"
@@ -0,0 +1,3 @@
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/img_cafe.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/img_cafe.png"
new file mode 100644
index 000000000..ff69429eb
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/img_cafe.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/img_codeit.png" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/img_codeit.png"
new file mode 100644
index 000000000..07c640a43
Binary files /dev/null and "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/images/img_codeit.png" differ
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/index.html" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/index.html"
new file mode 100644
index 000000000..52f94aa24
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/index.html"
@@ -0,0 +1,121 @@
+
+
+
+
+
Codeit Music
+
+
+
+
+
+
+
+
+
+
+
+
+ 카페에서 일할 때
+ 인기
+
+
+
+ 코드잇
+
+
+ 차분하게 흐르는 따뜻한 음악과 함께하는 휴식. Codeit Music 에디터가
+ 매달 업데이트하는 플레이리스트입니다. 마음에 드는 곳이 있다면 보관함에
+ 추가해 보세요.
+
+
▶️ 지금 듣기
+
+
+
1
+
자주자주(디깅클럽부산 Ver.)
+
지조
+
+
+
+
+
2
+
All
+
천예린
+
+
+
+
+
3
+
나는 어떻게 (Feat. 천예린)
+
심원찬
+
+
+
+
+
4
+
시간을 거슬러(Feat. 지조)
+
오키
+
+
+
+
+
5
+
우르르
+
핫트
+
+
+
+
+
6
+
당신이 맞다는 대답을 할 거예요
+
이강하
+
+
+
+
+
+
diff --git "a/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/style.css" "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/style.css"
new file mode 100644
index 000000000..d12a3d9cc
--- /dev/null
+++ "b/Round1/CSS\353\240\210\354\235\264\354\225\204\354\233\203/5. \354\275\224\353\223\234\354\236\207_\353\256\244\354\247\201/\355\224\214\353\240\210\354\235\264\353\246\254\354\212\244\355\212\270/style.css"
@@ -0,0 +1,135 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ word-break: keep-all;
+ font-family: Pretendard, sans-serif;
+}
+
+body {
+ margin: 0;
+ background-color: #000;
+ color: #fff;
+}
+
+.wrap {
+ margin: 0 auto;
+ padding: 32px;
+ max-width: 1080px;
+ width: 100%;
+}
+
+header {
+ padding: 16px;
+ background-image: linear-gradient(
+ 180deg,
+ #000000 15.1%,
+ rgba(0, 0, 0, 0) 100%
+ );
+ font-weight: 700;
+}
+
+.info {
+ margin-bottom: 40px;
+ padding: 40px;
+ border-bottom: 1px solid #595864;
+}
+
+.cover {
+ width: 252px;
+ height: 252px;
+ border-radius: 24px;
+ overflow: hidden;
+}
+
+.cover-image {
+ width: 100%;
+ height: 100%;
+}
+
+.cover-play-icon {
+ display: none;
+ width: 72px;
+ height: 72px;
+}
+
+.cover:hover .cover-play-icon {
+ display: block;
+}
+
+.playlist-title {
+ margin: 40px 0 16px;
+ font-weight: 700;
+ font-size: 40px;
+ line-height: 48px;
+}
+
+.hot-badge {
+ padding: 4px 8px;
+ border-radius: 8px;
+ background-color: #2a2a31;
+ color: #8e8ea0;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 19px;
+ position: relative;
+ top: -15px;
+}
+
+.artist {
+ color: #7d7c8a;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19px;
+ display: flex;
+ gap: 8px;
+ align-items: center;
+}
+
+.artist-profile {
+ overflow: hidden;
+ width: 24px;
+ height: 24px;
+ border-radius: 50%;
+}
+
+.description {
+ margin: 16px 0 32px;
+ color: #7d7c8a;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19px;
+}
+
+.play-button {
+ padding: 12px 24px;
+ border: none;
+ border-radius: 8px;
+ background-color: #4b1bb1;
+ color: #ffffff;
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 19px;
+}
+
+.track {
+ padding: 24px 32px;
+ display: flex;
+ gap: 16px;
+ align-items: center;
+}
+
+.track.active {
+ border-radius: 16px;
+ background-color: #19191f;
+}
+
+.track-title {
+ flex: 1 0 100px;
+}
+
+.track-icon {
+ width: 16px;
+ height: 16px;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/camus.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/camus.png"
new file mode 100644
index 000000000..bafe875d2
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/camus.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/einstein.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/einstein.png"
new file mode 100644
index 000000000..874a4d247
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/einstein.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/frost.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/frost.png"
new file mode 100644
index 000000000..445c15b03
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/frost.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/index.html"
new file mode 100644
index 000000000..99ae53dab
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/index.html"
@@ -0,0 +1,45 @@
+
+
+
+
+
goodquotes
+
+
+
+
+
+
+
goodquotes
+
동기부여를 위한 멋진 명언들
+
+
+
+ "모두가 비슷한 생각을 한다는 것은, 아무도 생각하고 있지 않다는 말이다."
+
+
알버트 아인슈타인
+
+
+
+
+ "내가 인생에 대해 배운 모든 것은 세 단어로 요약할 수 있다. It Goes On."
+
+
로버트 프로스트
+
+
+
+
+ "나의 앞에서 걷지 마라... 난 따라가지 않으니까
+
알베르 까뮈
+
+
+
+
"진실을 말하면, 아무것도 기억할 필요가 없다."
+
마크 트웨인
+
+
+
\ No newline at end of file
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/style.css"
new file mode 100644
index 000000000..25bcc9ae9
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/style.css"
@@ -0,0 +1,32 @@
+body {
+ background: #f3f3f3;
+ font-family: Poppins, 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+ font-weight: 500;
+}
+
+#goodquotes{
+ font-size: 20px;
+ font-weight: 400;
+ text-align: center;
+}
+
+#subtitle{
+ color: #818181;
+ font-size: 12px;
+ font-weight: 400;
+ text-align: center;
+}
+
+.quotes{
+ background: #ffffff;
+ margin: 24px auto;
+ padding: 24px;
+ width: 320px;
+}
+
+.names{
+ color: #818181;
+ font-size: 12px;
+ font-weight: 400;
+}
\ No newline at end of file
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/twain.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/twain.png"
new file mode 100644
index 000000000..24e5252b5
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\353\252\205\354\226\270/twain.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\354\235\264\353\270\214\355\201\264\353\236\255\354\235\230\355\214\214\353\236\200\354\203\211/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\354\235\264\353\270\214\355\201\264\353\236\255\354\235\230\355\214\214\353\236\200\354\203\211/index.html"
new file mode 100644
index 000000000..84f07c44b
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\354\235\264\353\270\214\355\201\264\353\236\255\354\235\230\355\214\214\353\236\200\354\203\211/index.html"
@@ -0,0 +1,20 @@
+
+
+
+
+
LE MONOCHROME
+
+
+
+
+
+
+
YVES KLEIN
+
LE MONOCHROME
+
+
+
GALERIE RIVE DROITE
+
EXPOSITION JUSTQU'AU 13 NOV 1960
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\354\235\264\353\270\214\355\201\264\353\236\255\354\235\230\355\214\214\353\236\200\354\203\211/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\354\235\264\353\270\214\355\201\264\353\236\255\354\235\230\355\214\214\353\236\200\354\203\211/style.css"
new file mode 100644
index 000000000..f4a0d8f97
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/1. \352\270\260\353\263\270\352\260\234\353\205\220/\354\235\264\353\270\214\355\201\264\353\236\255\354\235\230\355\214\214\353\236\200\354\203\211/style.css"
@@ -0,0 +1,48 @@
+html {
+ font-size: 16px;
+}
+
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ margin: 40px 0;
+ text-align: center;
+}
+
+.artist {
+ font-family: Rajdhani;
+ font-weight: 700;
+ letter-spacing: 8px;
+ margin: 0;
+ color: rgb(0,47,167);
+ font-size: 3rem;
+}
+
+.title {
+ color: #747780;
+ font-weight: 400;
+ margin: 0 0 24px 0;
+ font-size: 1.25rem;
+}
+
+.ikb {
+ height: 320px;
+ width: 320px;
+ background-color: rgb(0, 47, 167);
+ margin: 2.5em auto;
+}
+
+.info {
+ font-size: 24px;
+}
+
+.location {
+ font-size: 24px;
+ margin: 8px 0;
+}
+
+.date {
+ font-family: 'Cormorant Garamond', serif;
+ font-size: 18px;
+ margin: 8px 0;
+ color: rgba(0, 0, 0, 0.5);
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/bg.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/bg.png"
new file mode 100644
index 000000000..34f0a5d8c
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/bg.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/index.html"
new file mode 100644
index 000000000..6a5e9d7ff
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/index.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
좋은 날 - 아이유
+
+
+
+
+
+
+
+
+
+
+
+
+
좋은 날
+
아이유
+
+
+
+
+
+
만남은 쉽고, 이별은 어려워
+
베이식
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/pause.svg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/pause.svg"
new file mode 100644
index 000000000..9e4ed12dc
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/pause.svg"
@@ -0,0 +1,4 @@
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/style.css"
new file mode 100644
index 000000000..bbcd7357b
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\225\204\354\235\264\354\234\240\354\235\230_\354\242\213\354\235\200\353\202\240/style.css"
@@ -0,0 +1,72 @@
+body {
+ background-color: #3c3a4a;
+ font-family: 'Noto Sans KR', sans-serif;
+ padding: 32px;
+}
+
+.container {
+ width: 400px;
+ background-color: #7352d0;
+ color: #ffffff;
+ margin: 0 auto;
+ background-image:
+ linear-gradient(rgba(159, 84, 209, 0.2),rgba(115, 82, 208, 0.6)),
+ url('bg.png');
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+
+}
+
+.thumb {
+ height: 226px;
+}
+
+.progress {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.progress-value {
+ background-color: #5f23e0;
+ width: 20%;
+ height: 4px;
+}
+
+.player {
+ background-color: rgba(0, 0, 0, 0.4);
+ padding: 14px 24px;
+ font-size: 16px;
+ line-height: 23px;
+}
+
+.player-icon {
+ height: 13px;
+ margin-right: 24px;
+}
+
+.player-title {
+ font-weight: 500;
+ margin-right: 16px;
+}
+
+.player-artist {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.song {
+ width: 352px;
+ margin: 8px auto;
+ background-color: #434153;
+ padding: 16px 24px;
+}
+
+.song-title {
+ font-size: 16px;
+ line-height: 23px;
+ color: rgba(255, 255, 255, 0.6);
+}
+
+.song-artist {
+ color: rgba(255, 255, 255, 0.2);
+ font-size: 12px;
+}
\ No newline at end of file
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-desert.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-desert.png"
new file mode 100644
index 000000000..83f6557fc
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-desert.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-duck.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-duck.png"
new file mode 100644
index 000000000..27a5ce73b
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-duck.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-paragliding.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-paragliding.png"
new file mode 100644
index 000000000..f1dd924ba
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-paragliding.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-versailles.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-versailles.png"
new file mode 100644
index 000000000..de075a4eb
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/activity-versailles.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/index.html"
new file mode 100644
index 000000000..91b42046a
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/index.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
New this week
+
+
+
+
+
+
+
+
+
낙타와 함께하는 사막 여행
+
2025.07.26. ~ 2025.07.27.
+
시작하기
+
+
+
넓은 하늘로 패러글라이딩
+
2025.08.02. ~ 2025.08.03.
+
시작하기
+
+
+
귀여운 오리 구경
+
2025.11.02. ~ 2025.11.03.
+
마감
+
+
+
루이 14세의 베르사이유 궁전
+
2025.11.15. ~ 2025.11.16.
+
시작하기
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/style.css"
new file mode 100644
index 000000000..e02024b49
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\236\220\354\234\240\354\227\254\355\226\211_\354\225\241\355\213\260\353\271\204\355\213\260/style.css"
@@ -0,0 +1,85 @@
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ margin: 0 0 140px;
+}
+
+.header {
+ background-color: #f3f3f3;
+ margin-bottom: 32px;
+ padding: 64px 0px 32px;
+}
+
+.header-container {
+ margin: 0 auto;
+ width: 600px;
+}
+
+.header-title {
+ font-size: 32px;
+ font-weight: 700;
+ line-height: 46px;
+ margin: 8px 0;
+}
+
+.header-description {
+ color: #a6a6a6;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 23px;
+ margin: 8px 0;
+}
+
+#desert {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
+ url('./activity-desert.png');
+}
+
+#paragliding {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
+ url('./activity-paragliding.png');
+}
+
+#ducks {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
+ url('./activity-duck.png');
+ opacity: 0.3;
+}
+
+#versailles {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
+ url('./activity-versailles.png');
+}
+
+.activity {
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ color: #ffffff;
+ height: 185px;
+ margin: 24px auto;
+ padding: 40px;
+ width: 520px;
+ box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.2);
+}
+
+.activity-title {
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 29px;
+ margin: 0;
+}
+
+.activity-date {
+ font-size: 12px;
+ font-weight: 400;
+ margin: 8px 0;
+}
+
+.activity-join {
+ background: rgba(0, 0, 0, 0.15);
+ display: inline-block;
+ font-size: 12px;
+ font-weight: 700;
+ margin: 22px 0;
+ padding: 8px 24px;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/index.html"
new file mode 100644
index 000000000..4147813ba
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/index.html"
@@ -0,0 +1,44 @@
+
+
+
+
+
이제 교육 컨텐츠도 몰입형이 대세 - TechIT
+
+
+
+
+
+
+
+
+
이제 교육 컨텐츠도 몰입형이 대세
+
2025년 4월 1일 화요일 8:01 AM
+
+
+
+
이제 교육 컨텐츠도 몰입형이 대세다.
+
+ 지난 31일 온라인 코딩 스쿨 코드잇 은 서울
+ 보국동에 교육 컨텐츠 전문 VR 스튜디오 "코드잇 베리타스"를 오픈했다고
+ 밝혔다.
+
+
+ 수강생에게 영상 강의 뿐만 아니라 VR 기기를 통한 몰입형 콘텐츠를 통해
+ 보다 실감나는 교육 컨텐츠를 제공하겠다는 뜻으로 보인다.
+
+
+ 그동안 코드잇은 다양한 프로그래밍 언어를 활용한 1600개 이상의 레슨을
+ 무제한으로 제공하며, 수강생 사이의 질의응답을 주고받을 수 있는 커뮤니티
+ 환경과 별도의 프로그램 설치 없이 코딩을 실습할 수 있는 온라인 실습
+ 환경을 제공해왔다.
+
+
+ 이번 VR 스튜디오 도입으로 보다 한차원 높은 콘텐츠를 수강할 수 있다는
+ 점에서 수강생들의 편리함은 증대될 전망이다.
+
+
박재선 기자 @jasonpark83
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/style.css"
new file mode 100644
index 000000000..b743f0c47
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/style.css"
@@ -0,0 +1,62 @@
+body {
+ background: #fdfafc;
+ font-family: 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+ margin: 0;
+}
+
+a {
+ color: #792eb4;
+ /* 밑줄 없애기 */
+ text-decoration: none;
+}
+
+p {
+ /* 줄 높이를 글자 크기의 1.5배로 */
+ line-height: 1.5;
+}
+
+.header {
+ background-color: #fcfcfc;
+ border-bottom: 1px solid #efefef;
+ font-family: 'Abril Fatface';
+ font-size: 20px;
+ padding: 14px;
+ text-align: center;
+}
+
+.info {
+ margin: 32px 0;
+ text-align: center;
+}
+
+.title {
+ font-size: 30px;
+ font-weight: 900;
+ margin: 8px 0;
+}
+
+.date {
+ color: #bdbdbd;
+ font-size: 12px;
+ font-weight: 400;
+ margin: 8px 0 32px;
+}
+
+.cover {
+ width: 611px;
+}
+
+.content {
+ margin: 32px auto;
+ width: 468px;
+}
+
+.headline {
+ font-weight: 700;
+}
+
+.author {
+ color: #bdbdbd;
+ font-size: 12px;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/vr.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/vr.png"
new file mode 100644
index 000000000..4e3e82809
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/2. \354\236\220\354\243\274\354\223\260\353\212\224CSS\354\206\215\354\204\261/\354\275\224\353\223\234\354\236\207\353\262\240\353\246\254\355\203\200\354\212\244/vr.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/CSS_is_awesome/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/CSS_is_awesome/index.html"
new file mode 100644
index 000000000..21e3e4ca2
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/CSS_is_awesome/index.html"
@@ -0,0 +1,17 @@
+
+
+
+
+
CSS is awesome
+
+
+
+
+
+ CSS
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/CSS_is_awesome/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/CSS_is_awesome/style.css"
new file mode 100644
index 000000000..103b02f04
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/CSS_is_awesome/style.css"
@@ -0,0 +1,21 @@
+body {
+ font-family: sans-serif;
+}
+
+.box {
+ width: 300px;
+ height: 300px;
+ border: 5px solid #000000;
+ padding: 30px;
+}
+
+.message {
+ width: 100%;
+ height: 100%;
+ font-size: 48px;
+ margin: 0;
+ padding: 24px;
+ color: #ffffff;
+ background-color: #000000;
+ box-sizing: border-box;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/cantata.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/cantata.jpg"
new file mode 100644
index 000000000..947cac002
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/cantata.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/index.html"
new file mode 100644
index 000000000..673a397bf
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/index.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
CANTATA
+
+
+
+
+
+
+
+
CANTATA
+
+ 다시 한번 성장하다
+
+
+ #에코그린
+ #전기차
+ #새로운_시작
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/style.css"
new file mode 100644
index 000000000..371ca4072
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\236\220\353\217\231\354\260\250\352\264\221\352\263\240/style.css"
@@ -0,0 +1,55 @@
+@font-face {
+ font-family: 'GmarketSansLight';
+ font-style: normal;
+ font-weight: normal;
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff')
+ format('woff');
+}
+
+body {
+ background: #ffffff;
+ font-family: 'Noto Sans KR', sans-serif;
+}
+
+.car {
+ background-color: #000000;
+ color: #ffffff;
+ font-size: 24px;
+ margin: 40px auto;
+ padding: 32px 0 24px;
+ text-align: center;
+ width: 600px;
+ border-radius: 32px;
+}
+
+.car-heading {
+ font-family: GmarketSansLight;
+ font-size: 24px;
+ font-weight: 300;
+ margin: 0;
+}
+
+.car-description {
+ color: #bababa;
+ font-size: 10px;
+ font-weight: 400;
+ line-height: 14px;
+ margin: 8px 0;
+}
+
+.car-image {
+ width: 100%;
+}
+
+.hashtag {
+ background: rgba(255, 255, 255, 0.05);
+ color: #bababa;
+ font-family: 'Noto Sans KR';
+ font-size: 8px;
+ font-weight: 400;
+ line-height: 12px;
+ margin: 0 8px;
+ padding: 4px 8px;
+ border: 1px solid #bababa;
+ border-radius: 10px;
+}
\ No newline at end of file
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\241\234\352\267\270\354\235\270\355\231\224\353\251\264/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\241\234\352\267\270\354\235\270\355\231\224\353\251\264/index.html"
new file mode 100644
index 000000000..9f420df90
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\241\234\352\267\270\354\235\270\355\231\224\353\251\264/index.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
로그인
+
+
+
+
+
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\241\234\352\267\270\354\235\270\355\231\224\353\251\264/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\241\234\352\267\270\354\235\270\355\231\224\353\251\264/style.css"
new file mode 100644
index 000000000..879008c58
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\241\234\352\267\270\354\235\270\355\231\224\353\251\264/style.css"
@@ -0,0 +1,70 @@
+* {
+ box-sizing: border-box;
+}
+html {
+ font-family: 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+}
+.login{
+ margin: 120px auto;
+ width: 360px;
+}
+.login-title{
+ color: #4e4e4e;
+ font-size: 36px;
+ font-weight: 700;
+ margin: 24px 0;
+ text-align: center;
+}
+.login-forgot{
+ text-align: right;
+}
+.login-forgot-link{
+ font-size: 14px;
+ color: #ababab;
+}
+.login-signup{
+ text-align: center;
+ color: #ababab;
+ font-size: 14px;
+ font-weight: 400;
+}
+
+.login-signup-link{
+ color: #2c2c2c;
+}
+
+label {
+ display: block;
+ margin: 16px 0 8px;
+ font-size: 16px;
+ font-weight: 400;
+ color: #2c2c2c;
+}
+
+input {
+ border: 1px solid #d1d1d1;
+ color: #ababab;
+ font-size: 16px;
+ font-weight: 400;
+ display: block;
+ padding: 16px 24px;
+ margin: 8px 0;
+ width: 100%;
+}
+input::placeholder {
+ color: #ababab;
+}
+
+button {
+ border: none;
+ display: block;
+ padding: 16px;
+ margin: 24px 0px;
+ width: 100%;
+ background-color: #2c2c2c;
+ font-size: 18px;
+ font-weight:700;
+ color: #ffffff;"
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547239.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547239.jpg"
new file mode 100644
index 000000000..e3326aa58
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547239.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547250.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547250.jpg"
new file mode 100644
index 000000000..52e931a7d
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547250.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547252.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547252.jpg"
new file mode 100644
index 000000000..6ddd002d5
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547252.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547266.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547266.jpg"
new file mode 100644
index 000000000..f236e2f61
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547266.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547292.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547292.jpg"
new file mode 100644
index 000000000..7f40afe08
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547292.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547293.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547293.jpg"
new file mode 100644
index 000000000..3c26b2f0a
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547293.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547310.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547310.jpg"
new file mode 100644
index 000000000..f7539254d
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/547310.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/930543.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/930543.jpg"
new file mode 100644
index 000000000..7d4eafb52
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/930543.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/index.html"
new file mode 100644
index 000000000..9cf439b3c
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/index.html"
@@ -0,0 +1,30 @@
+
+
+
+
+
코드잇 미술관
+
+
+
+
+
+
+
+
+ 인상주의 거장들과 함께하는
+ 2025-05-02 ~ 2025-08-07
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/style.css"
new file mode 100644
index 000000000..c2926d653
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/3. \353\260\225\354\212\244\353\252\250\353\215\270/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\353\252\250\353\204\244_\353\271\233\354\235\204\352\267\270\353\246\254\353\213\244/style.css"
@@ -0,0 +1,36 @@
+html {
+ font-family: 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+}
+
+body {
+ padding: 24px 40px;
+}
+
+.title {
+ font-size: 24px;
+ font-weight: 700;
+ line-height: 35px;
+}
+
+.section {
+ margin: 24px 0;
+}
+
+.date {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 23px;
+ margin: 8px 0;
+}
+
+.artworks {
+ margin: 0 -48px;
+ white-space: nowrap;
+ overflow: scroll;
+}
+
+.artwork {
+ height: 194px;
+ margin-right: 8px;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547239.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547239.jpg"
new file mode 100644
index 000000000..e3326aa58
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547239.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547250.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547250.jpg"
new file mode 100644
index 000000000..52e931a7d
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547250.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547252.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547252.jpg"
new file mode 100644
index 000000000..6ddd002d5
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547252.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547266.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547266.jpg"
new file mode 100644
index 000000000..f236e2f61
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547266.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547292.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547292.jpg"
new file mode 100644
index 000000000..7f40afe08
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547292.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547293.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547293.jpg"
new file mode 100644
index 000000000..3c26b2f0a
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547293.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547310.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547310.jpg"
new file mode 100644
index 000000000..f7539254d
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/547310.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/930543.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/930543.jpg"
new file mode 100644
index 000000000..7d4eafb52
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/930543.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/index.html"
new file mode 100644
index 000000000..3a68f408e
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/index.html"
@@ -0,0 +1,48 @@
+
+
+
+
+
코드잇 미술관
+
+
+
+
+
+
+
+
+ 소개 관람·참여 전시 교육
+
+
+
+ 인상주의 거장들과 함께하는
+
+ 2025-05-02 ~ 2025-08-07
+
+
+
+
+
+
+
+
+
+
+
모든 작품 보기
+
+ 공간 소개
+
+ 보국산 끝자락에 자리잡은 코드이트 보국은 천혜의 자연 경관과 함께하며 그 자체로 지친
+ 몸과 마음을 쉬게 해 줄 힐링의 공간입니다. 김수곤 건축가의 작품인 본 갤러리는
+ 캔버스 화폭을 형상화하여 입면을 하늘로 가져 간 전시실이 특징이며, 한국의
+ 전통 가옥을 연상시키는 천정과 부드러운 자연광이 들어올 수 있게 설계한 쾌적한
+ 전시공간을 연출하고 있습니다.
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/logo.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/logo.png"
new file mode 100644
index 000000000..3f5d7612c
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/logo.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/space.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/space.jpg"
new file mode 100644
index 000000000..822775e91
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/space.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/style.css"
new file mode 100644
index 000000000..d53b6c941
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/style.css"
@@ -0,0 +1,22 @@
+* {
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+ margin: 0;
+}
+
+.subtitle1{
+ font-size: 22px;
+ font-weight: 700;
+ color: #000000;
+ margin: 24px 48px;
+}
+.subtitle2{
+ font-size: 24px;
+ font-weight: 700;
+ color: #000000;
+ margin: 40px 48px 8px;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/director.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/director.jpg"
new file mode 100644
index 000000000..d012f6628
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/director.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/index.html"
new file mode 100644
index 000000000..beb1311ee
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/index.html"
@@ -0,0 +1,33 @@
+
+
+
+
+
코드잇 미술관
+
+
+
+
+
+
+
미술관 소개
+
+
+ 코드잇 미술관 홈페이지를 방문해주셔서 감사합니다.
+ 안녕하십니까.
+
+
+ 코드잇 미술관은 2023년 개관 이래 한국 현대미술과 함께하며 대한민국을 대표하는 문화공간으로 자리 잡아 왔습니다.
+ 2023년 보국동, 2024년 창수동 개관으로 2관 체계를 만들었으며, 2관은 유기적이면서도 각각의 색깔을 지니고 있습니다.
+ 다년간 축적된 교육적 노하우를 바탕으로 미술계의 의견을 두루 모아서, 2025년 ‘새로운 도약의 20년’을 향해 정진하겠습니다.
+
+
+ 현대 미술 교육의 담론을 새로이 개진하는 전초기지(avant-poste) 역할을 하는 동시에 국민들에겐 쉽고 즐거운 미술사를 바탕으로 "배움의 기쁨을 세상 모두에게" 라는 슬로건을 실천하는
+ 흥미롭고 의미있는 혁신적 미술 교육의 산실이 되겠습니다.
+ 누구나 쉽고 즐겁게 올 수 있는 미술관. 친근하고 개방적인 미술관. MZ 세대의 눈높이에 맞는 미술관으로써 입지를 굳히기 위해 노력하겠습니다.
+ 감사합니다.
+
+
+ 관장 金 尙 範
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/style.css"
new file mode 100644
index 000000000..25e075d20
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/style.css"
@@ -0,0 +1,32 @@
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ margin: 48px;
+}
+
+h2 {
+ font-weight: 700;
+ font-size: 24px;
+ line-height: 35px;
+}
+
+p {
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 23px;
+}
+
+.director-photo {
+ width: 180px;
+ border-radius: 50%;
+ margin: 24px;
+ float: right;
+
+}
+
+.director {
+ text-align: right;
+}
+
+.director-name {
+ font-size: 1.3em;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/bg.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/bg.png"
new file mode 100644
index 000000000..d35f8c2db
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/bg.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/index.html"
new file mode 100644
index 000000000..8678eef08
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/index.html"
@@ -0,0 +1,29 @@
+
+
+
+
+
Chainit
+
+
+
+
+
+
+
+
+
제품 소개
+
+
+
\ No newline at end of file
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/style.css"
new file mode 100644
index 000000000..a2e23a68b
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\203\201\354\236\245\354\275\224\354\235\270/style.css"
@@ -0,0 +1,61 @@
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ margin: 0;
+}
+
+.header {
+ background-image: url('bg.png');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ color: #ffffff;
+}
+
+.header-title {
+ font-family: Poppins;
+ font-size: 20px;
+ line-height: 30px;
+ padding: 12px 40px;
+}
+
+.header-title-accent {
+ font-weight: 700;
+}
+
+.header-tagline-small {
+ color: #8287a4;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 29px;
+}
+
+.header-tagline {
+ color: #ffffff;
+ font-family: Poppins;
+ font-size: 56px;
+ font-weight: 700;
+ line-height: 74px;
+ margin: 0;
+}
+
+.header-description {
+ color: #8287a4;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 27px;
+}
+
+.header-content {
+ padding: 80px 0 280px;
+}
+
+.title {
+ margin-bottom: 42px;
+ margin-top: 42px;
+}
+
+.header-content, .section{
+ margin: 0 auto;
+ width: 640px;
+
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\261\204\354\232\251\352\263\265\352\263\240/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\261\204\354\232\251\352\263\265\352\263\240/index.html"
new file mode 100644
index 000000000..2827bc457
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\261\204\354\232\251\352\263\265\352\263\240/index.html"
@@ -0,0 +1,26 @@
+
+
+
+
+
Chainit
+
+
+
+
+
+
+
+
Careers
+
블록체인의 미래를 함께 만들어 갈 여러분들을 기다립니다.
+
+ 채용공고 보기
+
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\261\204\354\232\251\352\263\265\352\263\240/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\261\204\354\232\251\352\263\265\352\263\240/style.css"
new file mode 100644
index 000000000..61b103e7b
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\354\261\204\354\232\251\352\263\265\352\263\240/style.css"
@@ -0,0 +1,60 @@
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ margin: 0;
+}
+
+.section {
+ padding: 32px;
+}
+
+#career.section {
+ background-color: #161346;
+ color: #ffffff;
+ text-align: center;
+}
+
+#footer.section {
+ background-color: #120f3f;
+ color: #d9d9d9;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 8px;
+}
+
+#career .title {
+ color: #ffffff;
+ font-family: Poppins;
+ font-size: 32px;
+ font-weight: 600;
+ line-height: 48px;
+ margin: 8px 0;
+}
+
+#career .description {
+ color: #8287a4;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 23px;
+ margin: 8px 0;
+}
+
+.container {
+ margin: 0 auto;
+ width: 720px;
+}
+
+a.see-more {
+ background: #413c91;
+ border-radius: 9999px;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 23px;
+ margin: 32px 0;
+ padding: 16px 32px;
+ text-decoration: none;
+}
+a.see-more:hover{
+ background-color: #524cad;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/bg.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/bg.png"
new file mode 100644
index 000000000..d35f8c2db
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/bg.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/index.html"
new file mode 100644
index 000000000..8678eef08
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/index.html"
@@ -0,0 +1,29 @@
+
+
+
+
+
Chainit
+
+
+
+
+
+
+
+
+
제품 소개
+
+
+
\ No newline at end of file
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/style.css"
new file mode 100644
index 000000000..a2e23a68b
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/5. \354\204\240\355\203\235\354\236\220/Chainit_\355\227\244\353\215\224\353\240\210\354\235\264\354\225\204\354\233\203/style.css"
@@ -0,0 +1,61 @@
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ margin: 0;
+}
+
+.header {
+ background-image: url('bg.png');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ color: #ffffff;
+}
+
+.header-title {
+ font-family: Poppins;
+ font-size: 20px;
+ line-height: 30px;
+ padding: 12px 40px;
+}
+
+.header-title-accent {
+ font-weight: 700;
+}
+
+.header-tagline-small {
+ color: #8287a4;
+ font-size: 20px;
+ font-weight: 500;
+ line-height: 29px;
+}
+
+.header-tagline {
+ color: #ffffff;
+ font-family: Poppins;
+ font-size: 56px;
+ font-weight: 700;
+ line-height: 74px;
+ margin: 0;
+}
+
+.header-description {
+ color: #8287a4;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 27px;
+}
+
+.header-content {
+ padding: 80px 0 280px;
+}
+
+.title {
+ margin-bottom: 42px;
+ margin-top: 42px;
+}
+
+.header-content, .section{
+ margin: 0 auto;
+ width: 640px;
+
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/airplane.svg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/airplane.svg"
new file mode 100644
index 000000000..ff9fabd90
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/airplane.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/depart.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/depart.png"
new file mode 100644
index 000000000..f519c002c
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/depart.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/index.html"
new file mode 100644
index 000000000..b878db90b
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/index.html"
@@ -0,0 +1,123 @@
+
+
+
+
+
Codeit Airline
+
+
+
+
+
+
+
+
+
+
+
+
+ 출국
+
+
+ ICN → YYZ
+
+
일요일, 4월 20일, 2025
+
+ 왕복여행 가격은 수수료와 세금이 포함된 가격입니다.
+ 추가 수하물이 있을 경우 수수료가 추가로 적용됩니다.
+ 서비스 및 편의시설은 적혀있는 내용과 달라질 수 있습니다.
+
+
+
+
+
+ AIR TICKET 01
+
+
+
+ 출발 / 도착
+
+
+ 오후 12:30
+
+ 오후 8:29
+
+
운행 항공편
+
CL117, CL2402, CL8078
+
+
+
+
+
+ AIR TICKET 02
+
+
+
+ 출발 / 도착
+
+
+ 오후 1:12
+
+ 오후 9:02
+
+
운행 항공편
+
CL7321, CL440, CL1324
+
+
+
+
+
+ AIR TICKET 03
+
+
+
+ 출발 / 도착
+
+
+ 오후 03:10
+
+ 오후 12:45
+
+
운행 항공편
+
CL1278, CL592, CL2156
+
+
+
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/logo.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/logo.png"
new file mode 100644
index 000000000..01b275c7d
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/logo.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/style.css"
new file mode 100644
index 000000000..31864c834
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265/style.css"
@@ -0,0 +1,143 @@
+body {
+ background: #f8f8f8;
+ color: #0b1f66;
+ font-family: 'Noto Sans KR', sans-serif;
+ margin: 0;
+}
+
+.container {
+ margin: 0 auto;
+ width: 640px;
+}
+
+.header {
+ background: #11172b;
+ color: #ffffff;
+ font-family: 'Titillium Web';
+ font-size: 24px;
+ font-weight: 300;
+ line-height: 37px;
+ padding: 12px;
+}
+
+#logo {
+ height: 24px;
+ margin-right: 13px;
+}
+
+.logo-accent {
+ font-weight: 600;
+}
+
+.header > .divider {
+ color: #3b4252;
+}
+
+hr {
+ border: none;
+ border-bottom: 1px dashed #b6bfd3;
+ margin: 24px 0;
+}
+
+.trip {
+ background: #ebeff8;
+ border-radius: 8px;
+ margin: 40px 0 24px;
+ padding: 24px 32px;
+}
+
+.trip-title {
+ color: #b3bdd5;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 23px;
+}
+
+.trip-depart-icon {
+ height: 12px;
+ margin-right: 8px;
+}
+
+.trip-airports {
+ color: #000000;
+ font-family: 'Titillium Web';
+ font-size: 32px;
+ font-style: normal;
+ font-weight: 600;
+ line-height: 32px;
+ margin: 8px 0;
+}
+
+.trip-date {
+ background: #ffffff;
+ border-radius: 4px;
+ color: #000000;
+ display: inline-block;
+ margin: 16px 0;
+ padding: 8px 24px;
+}
+
+.trip-detail {
+ color: #b3bdd5;
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 17px;
+}
+
+.flight-card {
+ background: #ffffff;
+ border-radius: 8px;
+ box-shadow: 0px 4px 15px rgba(18, 23, 42, 0.03);
+ margin: 24px 0;
+}
+
+.flight-card h2 {
+ border-bottom: 1px solid #dbf1ec;
+ color: #16bf97;
+ font-family: 'Titillium Web';
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 18px;
+ padding: 8px 24px;
+}
+
+.flight-card .content {
+ padding: 16px 24px 24px;
+}
+
+.flight-card h3 {
+ color: #b6bfd3;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 17px;
+ margin: 4px 0;
+}
+
+.flight-card .flight-departure-arrival {
+ color: #1a345e;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 23px;
+}
+
+.flight-card .flight-departure-arrival .flight-icon {
+ height: 16px;
+ margin: 0 10px;
+}
+
+.flight-card .footer {
+ text-align: right;
+}
+
+.flight-card .footer > a {
+ color: #1a345e;
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 20px;
+ margin-left: 24px;
+ text-decoration: none;
+}
+
+.flight-card .footer > a.soldout {
+ color: #dce0e8;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/airplane.svg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/airplane.svg"
new file mode 100644
index 000000000..e9e4a228f
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/airplane.svg"
@@ -0,0 +1 @@
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/index.html"
new file mode 100644
index 000000000..e82bb4791
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/index.html"
@@ -0,0 +1,41 @@
+
+
+
+
+
Codeit Airline
+
+
+
+
+
+
+
+
+ AIR TICKET 01
+
+
+
+ 출발 / 도착
+
+
+ 오후 12:30
+
+ 오후 8:29
+
+
운행 항공편
+
CL117, CL2402, CL8078
+
+
+
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/style.css"
new file mode 100644
index 000000000..6bc336759
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/6. \354\212\244\355\203\200\354\235\274_\352\263\204\354\202\260\355\225\230\352\270\260/\354\275\224\353\223\234\354\236\207\355\225\255\352\263\265_\353\247\244\354\247\204\355\225\255\352\263\265\355\216\270/style.css"
@@ -0,0 +1,64 @@
+body {
+ background: #f7f8fd;
+ color: #0b1f66;
+ font-family: sans-serif;
+ margin: 0;
+ padding: 40px;
+}
+
+.flight-card {
+ background: #ffffff;
+ border-radius: 8px;
+ box-shadow: 0px 4px 15px rgba(18, 23, 42, 0.03);
+}
+
+.flight-card h2 {
+ border-bottom: 1px solid #dbf1ec;
+ color: #16bf97;
+ font-family: 'Titillium Web';
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 18px;
+ padding: 8px 24px;
+}
+
+.flight-card .content {
+ padding: 16px 24px 24px;
+}
+
+.flight-card h3 {
+ color: #b6bfd3;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 17px;
+ margin: 4px 0;
+}
+
+.flight-card .departure-arrival {
+ color: #1a345e;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 23px;
+}
+
+.flight-card .departure-arrival .icon {
+ height: 16px;
+ margin: 0 10px;
+}
+
+.flight-card .footer {
+ text-align: right;
+}
+
+.flight-card .footer > a {
+ color: #1a345e;
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 20px;
+ margin-left: 24px;
+ text-decoration: none;
+}
+
+.flight-card .footer .soldout {
+ color: #dce0e8;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\353\260\261\352\263\274\354\202\254\354\240\204\353\252\251\354\260\250/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\353\260\261\352\263\274\354\202\254\354\240\204\353\252\251\354\260\250/index.html"
new file mode 100644
index 000000000..f3fa52263
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\353\260\261\352\263\274\354\202\254\354\240\204\353\252\251\354\260\250/index.html"
@@ -0,0 +1,114 @@
+
+
+
+
+
인터넷의 역사
+
+
+
+
인터넷의 역사
+
+ 인터넷의 유래는 1960~1970년대 미국 국방부 산하의 고등 연구국(Advanced
+ Research Projects Agency, ARPA)의 연구용 네트워크가 시초이며, 군사용
+ 네트워크는 밀네트(MILNET)로 발전되었다. 동서냉전이 한창이던 때 미국 국방부
+ 고등계획국에서는 핵전쟁 등의 상황에서도 살아남을 수 있는 네트워크를
+ 연구하였다. 연구결과 기존의 회선 교환(circuit switching)방식보다는 패킷
+ 교환(packet switching)방식이 매우 견고하고 생존성이 높았다. 최초의 2
+ 노드간의 상호연결은 1969년 10월 29일 UCLA와 SRI연구소간에 연결되었다. 이
+ 통신망을 ARPANET이라고 하였으며 현재의 인터넷망의 시초이다.
+
+
+ 현재와 같이 TCP/IP 기반의 네트워크가 된 것은 1983년 1월 1일 ARPANET이 NCP
+ 패킷 송출을 중단한 것이 기점이다.
+
+
+ ARPANET과 별도로 1986년 미국과학재단(National Science Foundation)은 5곳의
+ 슈퍼컴퓨터 센터를 연결하여 NSFnet을 만들었는데, 1980년대 말에 이르러
+ ARPANET이 흡수통합되면서 대학, 연구소, 정부기관, 기업 등 세계 모든 곳을
+ 연결하는 국제 통신망으로 발전하게 되었다. NSFnet의 등장은 네트워크 기술이
+ 정부나 공공기관 중심이 아닌 민간부문에까지 확대되는 결과를 가져왔다.
+
+
+ 1989년에는 그래픽 환경이 개선되고 월드와이드웹이 등장하면서 네트워크
+ 기술에 한 단계 진일보한 기술이 부가되었다. 이를 통해 기존의 교육이나
+ 공공목적으로 주요 사용되던 네트워크 기술에 민간기업의 참여로 상업적 목적의
+ 온라인 서비스가 추가되고 이용자층 또한 사회 여러 계층으로 확산되면서
+ 바야흐로 인터넷은 콘텐츠 면에서나 이용자 면에서 모두 양적•질적 팽창을
+ 가져오게 되었다.
+
+
+ 인터넷의 상업적 이용이 허용되고, 인터넷을 보다 편리하게 사용할 수 있는
+ 브라우저로서 1993년 모자이크(Mosaic)가 출시되면서 사용자가 폭발적으로
+ 증가하였다. 1994년에는 대표적 검색서비스인 야후가 등장했고, 그 이듬해에는
+ 미국의 대표적 온라인 통신업체인 컴퓨서브(CompuServe), 아메리카
+ 온라인(America Online), 그리고 한때는 마이크로소프트사의 익스플로러와 양대
+ 웹브라우저로 간주되었던 넷스케이프(Netscape)가 선을 보였다.
+
+
+ 현재는 전 세계 146개국 5,000여 컴퓨터 네트워크와 900만대 이상의 호스트
+ 컴퓨터가 연결되어 있다.
+
+
대한민국의 인터넷 역사
+
+ 한국 최초의 인터넷은 1982년 5월 15일 전길남 박사가 주도하여 서울대학교와
+ 한국전자기술연구소(현 ETRI) 사이에 구축한 네트워크 시스템이다. 한국은
+ 미국에 이어 세계에서 두 번째로 인터넷 연결에 성공한 나라가 되었다. 1993년
+ 인터넷 접속 서비스를 실시하였으며 1990년대 후반부터 PC와 초고속 인터넷이
+ 빠르게 보급되었고 이후 국민 거의 대부분이 초고속 인터넷을 이용하였는데,
+ 김대중 정부는 과감한 초고속 인터넷망 투자로, 미국이나 일본보다 앞선 인터넷
+ 문화를 만들었다. 김대중 정부는 1998년 6월에 초고속 인터넷 서비스를
+ 시작했고, 4년 만에 대한민국은 초고속 인터넷 가입자가 1000만 명을
+ 넘어섰었다.
+
+
+ 1999년 초고속 인터넷이 보급된 이후 포털사이트 붐이 일어났는데, 2000년대
+ 초반까지 인기를 끌었던 포털사이트는 야후, 다음, 네이버, 프리챌, 라이코스,
+ 아이러브스쿨, MSN, 드림위즈 등이었다. 기존 PC통신 업체였던 하이텔,
+ 나우누리, 천리안, 넷츠고, 유니텔 역시 전부 포털 진출을 선언했으며 이에
+ 따라 2000년대 초반에는 1세대 포털사이트와 PC통신이 IT 시장에서 공존하였다.
+ 2003년까지 대한민국 포털사이트 점유율 1위는 다음이었고, 이 후 2위로
+ 네이버, 야후! 코리아, 프리챌, 아이러브스쿨, 드림위즈 등이 나란히 경쟁을
+ 하는 구조였다.
+
+
+ 2000년대 중반, 대한민국 인터넷 시장은 한 차례 변화를 맞았다. 네이트와
+ 싸이월드의 급부상으로 인해 기존의 1세대 포털사이트들은 그 위상을 잃고
+ 쇠퇴하기 시작했다. 2002년 가입자 1,500만명을 보유하던 프리챌은 유료화
+ 선언으로 이용자들이 싸이월드로 대거 이전하였고 결국 다음 해인 2003년
+ 파산했다. 거대 포털이었던 다음과 야후코리아는 지식인, 블로그, 카페
+ 서비스로 급부상한 네이버에게 점유율 1위를 내어주며 쇠퇴했다. 또한 2000년대
+ 초반까지 1세대 포털과 공존했던 PC통신 역시 시장에서 완전히 퇴장당했다.
+ 2000년대 중~후반의 인터넷 포털은 디지털 카메라의 넓은 보급으로 이전과
+ 다르게 사진, 동영상 등을 개시하는 문화로 이루어졌으며 이에 따라 싸이월드의
+ 미니홈피 서비스가 4000만명이 넘는 가입자 수를 기록하며 큰 인기를 끌었다.
+
+
+ 2010년대에 들어서는 스마트폰의 보급으로 인해 인터넷 역시 모바일 문화와
+ 결합되어 시장의 형태가 바뀌게 되었다. 기존의 싸이월드와 네이트는 모바일
+ 서비스에 전혀 대비하지 못해 스마트폰의 대중화가 시작된 2011년부터 외국계
+ 모바일 SNS인 트위터에게 점유율을 뺏기고 시장에서 도태되었으며, 다음과
+ 야후!코리아 등의 기타 포털 사이트들도 스마트폰의 대중화에 위기를 맞았다.
+ 현재 2022년 대한민국의 PC 포털사이트는 모바일 시장에 밀려 대중성을
+ 잃었으며, 모바일 시장에 맞춘 구글과 네이버 등만이 대중적으로 사용되고
+ 있다.
+
+
인터넷 이용자 수
+
+ 2002년 2월에 전 세계 인터넷 이용자의 수는 5억 4420만 명에 이르렀는데, 북미
+ 지역이 1억 8123만 명으로 가장 많았고, 그 다음이 유럽 지역으로 1억 7135만
+ 명에 달했으며, 중동과 아프리카 지역은 이용률이 매우 낮았다. 2001년에
+ 대한민국의 인구 100명당 인터넷 이용자의 수는 51명으로 세계 5위
+ 수준이었는데, 2000년에는 세계 6위였으나 미국과 캐나다를 추월하고
+ 싱가포르에는 추월 당해서 5위가 되었고, 이에 아이슬란드(68명),
+ 싱가포르(61명), 노르웨이(60명), 스웨덴(52명) 등은 인구 100명당 인터넷
+ 이용자의 수가 대한민국보다 많았고 미국(50명), 일본(45명) 등은 대한민국보다
+ 적었다. 2003년 6월에 대한민국의 인터넷 이용자수는 2861만 1000명이고,
+ 2006년 12월에 초고속 인터넷 서비스 가입자는 1401만 1419명이었다.
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/index.html"
new file mode 100644
index 000000000..10d8a4de0
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/index.html"
@@ -0,0 +1,23 @@
+
+
+
+
+
손흥민
+
+
+
+
+
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/profile.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/profile.png"
new file mode 100644
index 000000000..88abcd8c3
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/profile.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/style.css"
new file mode 100644
index 000000000..3387cf645
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/2. \353\247\201\355\201\254/\354\206\214\354\205\234\353\257\270\353\224\224\354\226\264\355\224\204\353\241\234\355\225\204/style.css"
@@ -0,0 +1,50 @@
+html {
+ font-family: 'Noto Sans KR', sans-serif;
+}
+
+body {
+ min-height: 100vh;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-color: #4158d0;
+ background-image: linear-gradient(
+ 43deg,
+ #4158d0 0%,
+ #c850c0 46%,
+ #ffcc70 100%
+ );
+ color: #ffffff;
+}
+
+.container {
+ text-align: center;
+ margin: 32px auto;
+ width: 420px;
+}
+
+.profile {
+ width: 120px;
+ height: 120px;
+ border-radius: 50%;
+ object-fit: cover;
+}
+
+.fullname {
+ font-size: 24px;
+ font-weight: 500;
+}
+
+.item {
+ display: block;
+ border: 2px solid #ffffff;
+ padding: 16px;
+ margin: 16px;
+ border-radius: 9999px;
+ color: #ffffff;
+ text-decoration: none;
+}
+
+.item:hover {
+ background-color: #ffffff;
+ color: #000000;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/3. \355\205\215\354\212\244\355\212\270/\354\273\244\355\224\274\354\227\220_\352\264\200\355\225\234_\354\235\264\354\225\274\352\270\260/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/3. \355\205\215\354\212\244\355\212\270/\354\273\244\355\224\274\354\227\220_\352\264\200\355\225\234_\354\235\264\354\225\274\352\270\260/index.html"
new file mode 100644
index 000000000..d151fbccd
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/3. \355\205\215\354\212\244\355\212\270/\354\273\244\355\224\274\354\227\220_\352\264\200\355\225\234_\354\235\264\354\225\274\352\270\260/index.html"
@@ -0,0 +1,87 @@
+
+
+
+
+
커피에 관한 이야기
+
+
+
커피에 관한 이야기
+
+
+ I just made two cups of coffee[1]
+
+
+
어원
+
+
+ 커피(coffee)라는 말은 아랍어 카흐와(قهوة)에서 오스만 터키어
+ 카흐베
+
+
+
카페인
+
+
+ 카페인의 가장 잘 알려진 원료는 커피콩이다. 화학식으로는
+ C8 H10 N4 O2 나라에서 유일하게 허용한 마약 다른 많은 향정신성 물질과는
+
+
커피스크립트(CoffeeScript)
+
+
+
+
+ 프로그래밍 언어 자바(Java)의 이름은 인도네시아의 대표적인 커피인 자
+
+
+ 커피스크립트에서
a,
b 두 숫자를 받아서 더하는
+ 함수를 만드는 법은 다음
과 같다:
+
+
add = (a, b) -> a + b
+
+ 이 코드는 다음과 같은 자바스크립트 코드로 변환된다:
+
+ (function() {
+ var add;
+
+ add = function(a, b) {
+ return a + b;
+ };
+
+ }).call(this);
+
+
+
+
[1] Quinn XCII & Marc E. Bassy - Coffee (2020)
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/3. \355\205\215\354\212\244\355\212\270/\354\273\244\355\224\274\354\227\220_\352\264\200\355\225\234_\354\235\264\354\225\274\352\270\260/java.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/3. \355\205\215\354\212\244\355\212\270/\354\273\244\355\224\274\354\227\220_\352\264\200\355\225\234_\354\235\264\354\225\274\352\270\260/java.png"
new file mode 100644
index 000000000..a51e13aee
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/3. \355\205\215\354\212\244\355\212\270/\354\273\244\355\224\274\354\227\220_\352\264\200\355\225\234_\354\235\264\354\225\274\352\270\260/java.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/index.html"
new file mode 100644
index 000000000..ef2e19108
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/index.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
길거리 토스트 레시피
+
+
+
+
길거리 토스트 레시피
+
+
재료
+
+ 식빵 2개
+ 양배추 40g
+ 당근 17g
+ 대파 1/3대
+ 계란 2개
+ 설탕 약간
+ 소금 약간
+ 케첩 약간
+ 버터 1큰술
+ 식용유 2큰술
+
+
+
+
만드는 법
+
+ 양배추 40g, 당근 17g을 채 썰어주세요.
+ 대파 1/3대를 송송 썰어 주세요.
+ 팬을 달구고 버터 1큰 술을 넣으세요.
+ 식빵을 앞뒤로 노릇노릇하게 굽습니다.
+ 달걀 개에 소금을 약간 넣고 풀어줍니다.
+ 썰어 놓은 양배추, 당근, 대파를 달걀 물에 섞습니다.
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/style.css"
new file mode 100644
index 000000000..faf0adb20
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/style.css"
@@ -0,0 +1,10 @@
+body {
+ margin: 24px 16px;
+}
+
+.food {
+ width: 256px;
+ border-radius: 8px;
+ margin: 8px;
+ float: right;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/toast.jpg" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/toast.jpg"
new file mode 100644
index 000000000..fe7310b33
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\200\353\241\234\353\262\214_\353\204\244\353\271\204\352\262\214\354\235\264\354\205\230_\353\260\224/toast.jpg" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/index.html"
new file mode 100644
index 000000000..ef2e19108
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/index.html"
@@ -0,0 +1,40 @@
+
+
+
+
+
길거리 토스트 레시피
+
+
+
+
길거리 토스트 레시피
+
+
재료
+
+ 식빵 2개
+ 양배추 40g
+ 당근 17g
+ 대파 1/3대
+ 계란 2개
+ 설탕 약간
+ 소금 약간
+ 케첩 약간
+ 버터 1큰술
+ 식용유 2큰술
+
+
+
+
만드는 법
+
+ 양배추 40g, 당근 17g을 채 썰어주세요.
+ 대파 1/3대를 송송 썰어 주세요.
+ 팬을 달구고 버터 1큰 술을 넣으세요.
+ 식빵을 앞뒤로 노릇노릇하게 굽습니다.
+ 달걀 개에 소금을 약간 넣고 풀어줍니다.
+ 썰어 놓은 양배추, 당근, 대파를 달걀 물에 섞습니다.
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/style.css"
new file mode 100644
index 000000000..faf0adb20
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/style.css"
@@ -0,0 +1,10 @@
+body {
+ margin: 24px 16px;
+}
+
+.food {
+ width: 256px;
+ border-radius: 8px;
+ margin: 8px;
+ float: right;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/toast.jpg" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/toast.jpg"
new file mode 100644
index 000000000..fe7310b33
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/4. \353\246\254\354\212\244\355\212\270/\352\270\270\352\261\260\353\246\254_\355\206\240\354\212\244\355\212\270_\353\240\210\354\213\234\355\224\274/toast.jpg" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/5. \355\205\214\354\235\264\353\270\224/\353\271\205\353\247\245\354\235\230_\354\230\201\354\226\221\354\204\261\353\266\204/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/5. \355\205\214\354\235\264\353\270\224/\353\271\205\353\247\245\354\235\230_\354\230\201\354\226\221\354\204\261\353\266\204/index.html"
new file mode 100644
index 000000000..0c0aba541
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/5. \355\205\214\354\235\264\353\270\224/\353\271\205\353\247\245\354\235\230_\354\230\201\354\226\221\354\204\261\353\266\204/index.html"
@@ -0,0 +1,82 @@
+
+
+
+
+
영양 성분
+
+
+
+
+
영양 성분
+
1 개당 390kcal
+
+
+
+ 1일 영양성분 기준치에 대한 비율(%)*
+
+
+
+
+ 지방 16.00g
+ 21%
+
+
+ 포화지방 6.000g
+ 0%
+
+
+ 트랜스지방 16.00g
+ 21%
+
+
+ 나트륨 620mg
+ 21%
+
+
+ 탄수화물 40.00g
+ 21%
+
+
+ 식이섬유 2.00g
+ 21%
+
+
+ 당류 6.00g
+ 21%
+
+
+ 단백질 21.00g
+ 21%
+
+
+ 비타민D
+
+
+ 칼슘
+
+
+ 아연
+
+
+ 칼륨
+
+
+
+
+
+
+
+ * 1일 영양성분 기준치에 대한 비율(%)은 2,000kcal 기준이므로 개인의 필요
+ 열량에 따라 다를 수 있습니다.
+
+
+
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/5. \355\205\214\354\235\264\353\270\224/\353\271\205\353\247\245\354\235\230_\354\230\201\354\226\221\354\204\261\353\266\204/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/5. \355\205\214\354\235\264\353\270\224/\353\271\205\353\247\245\354\235\230_\354\230\201\354\226\221\354\204\261\353\266\204/style.css"
new file mode 100644
index 000000000..e29501955
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/5. \355\205\214\354\235\264\353\270\224/\353\271\205\353\247\245\354\235\230_\354\230\201\354\226\221\354\204\261\353\266\204/style.css"
@@ -0,0 +1,33 @@
+.nutrition-facts {
+ border: 2px solid #bcbcbc;
+ padding: 16px 16px;
+ width: 400px;
+ margin: 0 auto;
+}
+
+.calorie {
+ text-align: right;
+ font-weight: 700;
+ border-bottom: 11px solid #616161;
+ padding: 16px 0;
+ margin: 16px 0;
+}
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+}
+
+th:nth-child(2),
+td:nth-child(2) {
+ text-align: right;
+}
+
+td {
+ padding: 8px;
+ border-bottom: 1px solid #dddddd;
+}
+
+.note {
+ color: #616161
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/0.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/0.png"
new file mode 100644
index 000000000..d0059d063
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/0.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/1.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/1.png"
new file mode 100644
index 000000000..133658893
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/1.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/index.html"
new file mode 100644
index 000000000..ba955eec8
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/index.html"
@@ -0,0 +1,12 @@
+
+
+
+
+
코드잇 배너 광고
+
+
+
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/style.css"
new file mode 100644
index 000000000..2fa7d0c31
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/style.css"
@@ -0,0 +1,33 @@
+body {
+ margin: 0;
+}
+
+@keyframes fade-out-in {
+ 0% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.banner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 750px;
+ height: 135px;
+ animation: 5s infinite fade-out-in;
+}
+
+.banner:nth-of-type(1) {
+ animation-delay: 0s;
+}
+.banner:nth-of-type(2) {
+ animation-delay: 2.5s;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/index.html"
new file mode 100644
index 000000000..932ce3048
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/index.html"
@@ -0,0 +1,46 @@
+
+
+
+
+
이제 교육 컨텐츠도 몰입형이 대세 - TechIT
+
+
+
+
+
+
+
+
+
이제 교육 컨텐츠도 몰입형이 대세
+
2025년 4월 1일 화요일 8:01 AM
+
+
+
+
이제 교육 컨텐츠도 몰입형이 대세다.
+
+ 지난 31일 온라인 코딩 스쿨 코드잇 은 서울
+ 보국동에 교육 컨텐츠 전문 VR 스튜디오 "코드잇 베리타스"를 오픈했다고
+ 밝혔다.
+
+
+ 수강생에게 영상 강의 뿐만 아니라 VR 기기를 통한 몰입형 콘텐츠를 통해
+ 보다 실감나는 교육 컨텐츠를 제공하겠다는 뜻으로 보인다.
+
+
+ 그동안 코드잇은 다양한 프로그래밍 언어를 활용한 1600개 이상의 레슨을
+ 무제한으로 제공하며, 수강생 사이의 질의응답을 주고받을 수 있는 커뮤니티
+ 환경과 별도의 프로그램 설치 없이 코딩을 실습할 수 있는 온라인 실습
+ 환경을 제공해왔다.
+
+
+ 이번 VR 스튜디오 도입으로 보다 한차원 높은 콘텐츠를 수강할 수 있다는
+ 점에서 수강생들의 편리함은 증대될 전망이다.
+
+
박재선 기자 @jasonpark83
+
+
+
+
+
\ No newline at end of file
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/style.css"
new file mode 100644
index 000000000..70ad87286
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/style.css"
@@ -0,0 +1,68 @@
+body {
+ background: #fdfafc;
+ font-family: 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+ margin: 0;
+}
+
+a {
+ color: #792eb4;
+ text-decoration: none;
+}
+
+p {
+ line-height: 1.5;
+}
+
+.header {
+ background-color: #fcfcfc;
+ border-bottom: 1px solid #efefef;
+ font-family: 'Abril Fatface';
+ font-size: 20px;
+ padding: 14px;
+ text-align: center;
+}
+
+.info {
+ margin: 32px 0;
+ text-align: center;
+}
+
+.title {
+ font-size: 30px;
+ font-weight: 900;
+ margin: 8px 0;
+}
+
+.date {
+ color: #bdbdbd;
+ font-size: 12px;
+ font-weight: 400;
+ margin: 8px 0 32px;
+}
+
+.cover {
+ width: 611px;
+}
+
+.content {
+ margin: 32px auto;
+ width: 468px;
+}
+
+.headline {
+ font-weight: 700;
+}
+
+.author {
+ color: #bdbdbd;
+ font-size: 12px;
+}
+
+.ads {
+ border: none;
+ display: block;
+ height: 135px;
+ margin: 0 auto;
+ width: 750px;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/vr.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/vr.png"
new file mode 100644
index 000000000..4e3e82809
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/vr.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/1.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/1.png"
new file mode 100644
index 000000000..12891bfa4
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/1.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/2.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/2.png"
new file mode 100644
index 000000000..be6ac6fea
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/2.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/3.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/3.png"
new file mode 100644
index 000000000..4e4af3d45
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/3.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/4.mp4" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/4.mp4"
new file mode 100644
index 000000000..87c55058a
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/4.mp4" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/index.html"
new file mode 100644
index 000000000..93b4898ca
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/index.html"
@@ -0,0 +1,27 @@
+
+
+
+
+
코드잇
+
+
+
+
+
+
+
+
+
코드잇
+
Education website
+
+ 배움의 기쁨을 세상 모두에게.www.codeit.kr
+
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/profile.png" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/profile.png"
new file mode 100644
index 000000000..74bae9602
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/profile.png" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/style.css"
new file mode 100644
index 000000000..a4ccfd929
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\354\275\224\353\223\234\354\236\207\352\267\270\353\236\250/style.css"
@@ -0,0 +1,44 @@
+html {
+ font-family: 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+}
+
+body {
+ margin: 32px;
+}
+
+a {
+ color: #00376b;
+ font-weight: 700;
+ text-decoration: none;
+}
+
+.bio {
+ width: 480px;
+ margin: 0 auto;
+ border-bottom: 2px solid #dbdbdb;
+}
+
+.profile {
+ width: 120px;
+ border-radius: 50%;
+ margin-bottom: 16px;
+}
+
+.username {
+ font-weight: 700;
+}
+
+.profession {
+ color: #8e8e8e;
+}
+
+.feeds {
+ width: 480px;
+ margin: 16px auto;
+}
+
+.imgSettings {
+ width: 160px;
+ height: 160px;
+}
\ No newline at end of file
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\353\241\234\352\267\270\354\235\270\355\217\274/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\353\241\234\352\267\270\354\235\270\355\217\274/index.html"
new file mode 100644
index 000000000..4c029e80e
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\353\241\234\352\267\270\354\235\270\355\217\274/index.html"
@@ -0,0 +1,63 @@
+
+
+
+
+
로그인
+
+
+
+
+
+
+
로그인
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\353\241\234\352\267\270\354\235\270\355\217\274/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\353\241\234\352\267\270\354\235\270\355\217\274/style.css"
new file mode 100644
index 000000000..0ebb965f6
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\353\241\234\352\267\270\354\235\270\355\217\274/style.css"
@@ -0,0 +1,51 @@
+html {
+ font-family: "Noto Sans KR", sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+form {
+ margin: 16px auto;
+ width: 360px;
+}
+
+label {
+ color: #2c2c2c;
+ display: block;
+ margin: 16px 0 8px;
+}
+
+input {
+ border: 1px solid #d1d1d1;
+ color: #ababab;
+ display: block;
+ font-size: 16px;
+ line-height: 24px;
+ margin: 8px 0;
+ padding: 16px 24px;
+ width: 100%;
+}
+
+button {
+ background: #2c2c2c;
+ border: none;
+ color: #ffffff;
+ display: block;
+ font-size: 18px;
+ font-weight: 700;
+ margin: 24px 0;
+ padding: 16px;
+ width: 100%;
+}
+
+.login-title {
+ color: #4e4e4e;
+ font-size: 36px;
+ font-weight: 700;
+ margin: 24px 0;
+ text-align: center;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\355\232\214\354\233\220\352\260\200\354\236\205\355\217\274/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\355\232\214\354\233\220\352\260\200\354\236\205\355\217\274/index.html"
new file mode 100644
index 000000000..263465e60
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\355\232\214\354\233\220\352\260\200\354\236\205\355\217\274/index.html"
@@ -0,0 +1,86 @@
+
+
+
+
+
회원가입
+
+
+
+
+
+
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\355\232\214\354\233\220\352\260\200\354\236\205\355\217\274/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\355\232\214\354\233\220\352\260\200\354\236\205\355\217\274/style.css"
new file mode 100644
index 000000000..4a2adfa8b
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/7. \355\217\274/\355\232\214\354\233\220\352\260\200\354\236\205\355\217\274/style.css"
@@ -0,0 +1,57 @@
+html {
+ font-family: "Noto Sans KR", sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+form {
+ margin: 16px auto;
+ width: 360px;
+}
+
+label {
+ color: #2c2c2c;
+ display: block;
+ margin: 16px 0 8px;
+}
+
+input, textarea, select {
+ border: 1px solid #d1d1d1;
+ color: #ababab;
+ display: block;
+ font-size: 16px;
+ line-height: 24px;
+ margin: 8px 0;
+ padding: 16px 24px;
+ width: 100%;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+ display: inline-block;
+ width: initial;
+}
+
+button {
+ background: #2c2c2c;
+ border: none;
+ color: #ffffff;
+ display: block;
+ font-size: 18px;
+ font-weight: 700;
+ margin: 24px 0;
+ padding: 16px;
+ width: 100%;
+}
+
+.login-title {
+ color: #4e4e4e;
+ font-size: 36px;
+ font-weight: 700;
+ margin: 24px 0;
+ text-align: center;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\235\204\354\247\200\353\241\234_\354\265\234\352\263\240\354\235\230_\353\260\251\354\247\221_\353\270\214\353\236\230\353\223\234\354\236\207/favicon.ico" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\235\204\354\247\200\353\241\234_\354\265\234\352\263\240\354\235\230_\353\260\251\354\247\221_\353\270\214\353\236\230\353\223\234\354\236\207/favicon.ico"
new file mode 100644
index 000000000..d43d669d2
Binary files /dev/null and "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\235\204\354\247\200\353\241\234_\354\265\234\352\263\240\354\235\230_\353\260\251\354\247\221_\353\270\214\353\236\230\353\223\234\354\236\207/favicon.ico" differ
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\235\204\354\247\200\353\241\234_\354\265\234\352\263\240\354\235\230_\353\260\251\354\247\221_\353\270\214\353\236\230\353\223\234\354\236\207/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\235\204\354\247\200\353\241\234_\354\265\234\352\263\240\354\235\230_\353\260\251\354\247\221_\353\270\214\353\236\230\353\223\234\354\236\207/index.html"
new file mode 100644
index 000000000..96ee0099d
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\235\204\354\247\200\353\241\234_\354\265\234\352\263\240\354\235\230_\353\260\251\354\247\221_\353\270\214\353\236\230\353\223\234\354\236\207/index.html"
@@ -0,0 +1,14 @@
+
+
+
+
+
브레드잇
+
+
+
+ 을지로 최고의 빵집 브레드잇,
+
+
+
\ No newline at end of file
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/index.html"
new file mode 100644
index 000000000..c66160cb1
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/index.html"
@@ -0,0 +1,12 @@
+
+
+
+
+
좋아요 버튼
+
+
+
+
♥
+
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/like.js" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/like.js"
new file mode 100644
index 000000000..f3b0efee6
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/like.js"
@@ -0,0 +1,8 @@
+const element = document.querySelector('button.like');
+if (element) {
+ element.addEventListener('click', handleClickLike);
+}
+
+function handleClickLike(e) {
+ e.target.classList.toggle('liked');
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/style.css"
new file mode 100644
index 000000000..0a195fbaa
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/8. \353\213\244\353\245\270_\354\275\224\353\223\234_\353\266\210\353\237\254\354\230\244\352\270\260/\354\242\213\354\225\204\354\232\224\353\262\204\355\212\274/style.css"
@@ -0,0 +1,19 @@
+.like {
+ background-color: #e7c8c8;
+ border-radius: 16px;
+ border: none;
+ color: #3f3636;
+ font-size: 24px;
+ padding: 8px 16px;
+ transition:
+ color 0.2s ease,
+ margin-top 0.1s ease;
+}
+
+.like:active {
+ margin-top: 2px;
+}
+
+.liked {
+ color: #e13b57;
+}
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\353\260\230\354\235\221\355\230\225\352\267\270\353\246\254\353\223\234/css/styles.css" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\353\260\230\354\235\221\355\230\225\352\267\270\353\246\254\353\223\234/css/styles.css"
new file mode 100644
index 000000000..b62966488
--- /dev/null
+++ "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\353\260\230\354\235\221\355\230\225\352\267\270\353\246\254\353\223\234/css/styles.css"
@@ -0,0 +1,99 @@
+body {
+ margin: 0;
+}
+
+#div1{
+grid-area: r;
+background-color: #FF0000;
+width: 100%;
+height: 60px;
+}
+
+#div2{
+grid-area: o;
+background-color: #FFA500;
+width: 100%;
+height: 350px;
+}
+
+#div3{
+grid-area: y;
+background-color: #FFFF00;
+width: 100%;
+height: 320;
+}
+
+#div4{
+grid-area: g;
+background-color: #008000;
+width: 100%;
+height: 385px;
+}
+
+#div5{
+grid-area: b;
+background-color: #0000FF;
+width: 100%;
+height: 200px;
+}
+
+#div6{
+grid-area: p;
+background-color: #4B0082;
+width: 100%;
+height: 200px;
+}
+
+/*Tablet Size*/
+
+@media (min-width: 768px) {
+ div {
+ float: left;
+ }
+ #div2 {
+ height: 562px;
+ }
+ #div3 {
+ height: 282px;
+ }
+ #div4 {
+ width: 50%;
+ height: 360px;
+ }
+ #div5 {
+ width: 50%;
+ height: 180px;
+ }
+ #div6 {
+ width: 50%;
+ height: 180px;
+ }
+
+ /*DesktopSize*/
+ @media (min-width: 992px) {
+ div {
+ float: left;
+ }
+ #div2 {
+ width: 50%;
+ height: 700px;
+ }
+ #div3 {
+ width: 50%;
+ height: 350px;
+ }
+ #div4 {
+ width: 25%;
+ height: 350px;
+ }
+ #div5 {
+ width: 25%;
+ height: 175px;
+ }
+ #div6 {
+ width: 25%;
+ height: 175px;
+ }
+ }
+
+}
\ No newline at end of file
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\353\260\230\354\235\221\355\230\225\352\267\270\353\246\254\353\223\234/index.html" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\353\260\230\354\235\221\355\230\225\352\267\270\353\246\254\353\223\234/index.html"
new file mode 100644
index 000000000..d3f5443e0
--- /dev/null
+++ "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\353\260\230\354\235\221\355\230\225\352\267\270\353\246\254\353\223\234/index.html"
@@ -0,0 +1,19 @@
+
+
+
+
+
반응형 그리드
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/css/styles.css" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/css/styles.css"
new file mode 100644
index 000000000..fb6f46f5d
--- /dev/null
+++ "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/css/styles.css"
@@ -0,0 +1,162 @@
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ font-family: 'Arial', sans-serif;
+}
+
+.navbar{
+ background-color: #353535;
+ width: 100%;
+ height: 60px;
+ padding-left: 30px;
+ padding-right: 30px;
+ line-height: 60px;
+}
+
+.navbar .logo {
+ font-size: 20px;
+ color: white;
+}
+
+.banner {
+ background-image: url('../images/banner_img.jpg');
+ background-size: cover;
+ background-position: center center;
+ width: 100%;
+ height: 350px;
+}
+
+.info{
+ width: 100%;
+ height: 320px;
+ background-color: white;
+}
+
+.info .helper {
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+}
+
+.info .info-container {
+ display: inline-block;
+ vertical-align: middle;
+ padding-left: 30px;
+ padding-right: 30px;
+}
+
+.info .label{
+ font-size: 16px;
+ color: #4a4a4a;
+}
+
+.info h2{
+ font-size: 20px;
+ color: #1b1b1b;
+ margin-top: 10px;
+ margin-bottom: 30px;
+}
+
+.info p{
+ font-size: 16px;
+ color: #7a7a7a;
+}
+
+.img1 {
+ width: 100%;
+ height: 385px;
+ background-image: url('../images/img1.jpg');
+ background-size: cover;
+ background-position: center top;
+}
+
+.img2 {
+ width: 100%;
+ height: 200px;
+ background-image: url('../images/img2.jpg');
+ background-size: cover;
+ background-position: center top;
+ text-align: center;
+}
+.img2 .helper {
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+ .img2 a {
+ font-size: 16px;
+ font-weight: 700;
+ color: white;
+ border: 4px solid white;
+ text-decoration: none;
+ vertical-align: middle;
+ }
+
+.img3 {
+ width: 100%;
+ height: 200px;
+ background-image: url('../images/img3.jpg');
+ background-size: cover;
+ background-position: center top;
+}
+
+ /*Tablet Size*/
+
+ @media (min-width: 768px) {
+ .col {
+ float: left;
+ }
+ .banner {
+ height: 562px;
+ }
+ .info {
+ height: 282px;
+ }
+
+ .info .info-container {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+
+ .img1 {
+ width: 50%;
+ height: 360px;
+ }
+ .img2 {
+ width: 50%;
+ height: 180px;
+ }
+ .img3 {
+ width: 50%;
+ height: 180px;
+ }
+
+ /*DesktopSize*/
+ @media (min-width: 992px) {
+ .col {
+ float: left;
+ }
+ .banner {
+ width: 50%;
+ height: 700px;
+ }
+ .info {
+ width: 50%;
+ height: 350px;
+ }
+ .img1 {
+ width: 25%;
+ height: 350px;
+ }
+ .img2 {
+ width: 25%;
+ height: 175px;
+ }
+
+ .img3 {
+ width: 25%;
+ height: 175px;
+ }
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/banner_img.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/banner_img.jpg"
new file mode 100644
index 000000000..00a4a2ff7
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/banner_img.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img1.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img1.jpg"
new file mode 100644
index 000000000..279ed68c9
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img1.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img2.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img2.jpg"
new file mode 100644
index 000000000..57ca04380
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img2.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img3.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img3.jpg"
new file mode 100644
index 000000000..b106cf88e
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/images/img3.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/index.html" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/index.html"
new file mode 100644
index 000000000..2be18ad36
--- /dev/null
+++ "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\235\264\353\205\270/index.html"
@@ -0,0 +1,31 @@
+
+
+
+
+
이노
+
+
+
+
+
+
+ IN'O
+
+
+
+
+
Portfolio
+
Make Hardware Soft
+
IN'O is a hanger-type bluetooth speaker that does not merely
+ focus on its audio features.
+ It naturally blends into your life through lean UX and minimal design.
+
+
+
+
+
+
+
+
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/css/styles.css" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/css/styles.css"
new file mode 100644
index 000000000..d707b98c9
--- /dev/null
+++ "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/css/styles.css"
@@ -0,0 +1,8 @@
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+}
+
+.carousel-inner {
+ width: 100%;
+ height: 50%;
+}
\ No newline at end of file
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/cooking.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/cooking.jpg"
new file mode 100644
index 000000000..87eba8f55
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/cooking.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course1.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course1.jpg"
new file mode 100644
index 000000000..3c2d7d1a2
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course1.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course2.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course2.jpg"
new file mode 100644
index 000000000..cc39a6127
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course2.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course3.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course3.jpg"
new file mode 100644
index 000000000..abb545733
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course3.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course4.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course4.jpg"
new file mode 100644
index 000000000..f23e88e52
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course4.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course5.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course5.jpg"
new file mode 100644
index 000000000..a0aa7abf1
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course5.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course6.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course6.jpg"
new file mode 100644
index 000000000..d7fc068c1
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course6.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course7.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course7.jpg"
new file mode 100644
index 000000000..c91b25279
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course7.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course8.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course8.jpg"
new file mode 100644
index 000000000..0a56b72fb
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/course8.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/guitar.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/guitar.jpg"
new file mode 100644
index 000000000..700fa88f0
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/guitar.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/makeup.jpg" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/makeup.jpg"
new file mode 100644
index 000000000..012f7ff3f
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/makeup.jpg" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/user.png" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/user.png"
new file mode 100644
index 000000000..e37ac6e2b
Binary files /dev/null and "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/images/user.png" differ
diff --git "a/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/index.html" "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/index.html"
new file mode 100644
index 000000000..970923137
--- /dev/null
+++ "b/Round1/\353\260\230\354\235\221\355\230\225_\354\233\271/\354\236\254\353\212\245\352\263\265\354\234\240\354\202\254\354\235\264\355\212\270/index.html"
@@ -0,0 +1,97 @@
+
+
+
+
+
ShareSkill
+
+
+
+
+
+
+
+
+
+
+ Navbar
+
+
+
+
+
+
+
+
+
+
+
+ 튜터 모집 ! 재능을 나누어봐요
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\247\201\355\201\254\354\266\224\352\260\200\355\225\230\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\247\201\355\201\254\354\266\224\352\260\200\355\225\230\352\270\260.html"
new file mode 100644
index 000000000..95ebf77ee
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\247\201\355\201\254\354\266\224\352\260\200\355\225\230\352\270\260.html"
@@ -0,0 +1,68 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+ 코딩 한 스푼
+
+
+ 코드잇이 엄선한
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+ 인기 코드잇 강의를 뉴스레터로 만나보세요.
+
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+
+ 수업 살펴보기
+
+
+
+ 배움의 기쁨을 세상 모두에게.
+
+ iloveprincess 님
+ 안녕하세요, 5년차 코둥이입니다! 제가 구독 중인 뉴스레터 중 가장 읽기 편하고 재밌어요.
+ 매주 금요일이 기다려지네요 :)
+
+
+ 코드냠냠 님
+ 뉴스레터 정말 잘 보고 있습니다. 다양한 주제에 대한 소개 덕분에 기술 면접에서도 당황하지 않을 수 있었어요!
+ 항상 감사드립니다.
+
+
+ 냐리 님
+ 덕분에 프로그래밍 상식이 풍부해지는 느낌임. 깊이있는 내용을 알기 쉽게 소개해줘서 더 좋은듯.
+ 초보 코둥이들에게 추천해요.
+
+
+
+ 후기 더 보기
+
+
+
+ 코딩이 즐거워지는 뉴스레터,
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\263\270\353\254\270\353\204\243\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\263\270\353\254\270\353\204\243\352\270\260.html"
new file mode 100644
index 000000000..0ea11d80b
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\263\270\353\254\270\353\204\243\352\270\260.html"
@@ -0,0 +1,54 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
Weekly Codeit
+
금요일에 만나는
+ 코딩 한 스푼
+
+
+ 코드잇이 엄선한 프로그래밍 꿀팁
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+ 인기 코드잇 강의를 뉴스레터로 만나보세요.
+
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+ 배움의 기쁨을 세상 모두에게.
+ 많은 코둥이들이 구독하고 있어요!
+
+
+ iloveprincess 님
+ 안녕하세요, 5년차 코둥이입니다! 제가 구독 중인 뉴스레터 중 가장 읽기 편하고 재밌어요. 매주 금요일이 기다려지네요 :)
+
+
+ 코드냠냠 님
+ 뉴스레터 정말 잘 보고 있습니다. 다양한 주제에 대한 소개 덕분에 기술 면접에서도 당황하지 않을 수 있었어요! 항상 감사드립니다.
+
+
+ 냐리 님
+ 덕분에 프로그래밍 상식이 풍부해지는 느낌임. 깊이있는 내용을 알기 쉽게 소개해줘서 더 좋은듯. 초보 코둥이들에게 추천해요.
+
+
+
+ 코딩이 즐거워지는 뉴스레터,
+ Weekly Codeit
+
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+ 최신 뉴스레터들을 놓치지 않기 위해 weekly@codeit.kr을 메일 주소록에 추가해주세요
+
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
\ No newline at end of file
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\202\254\354\235\264\355\212\270\354\235\264\353\246\204.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\202\254\354\235\264\355\212\270\354\235\264\353\246\204.html"
new file mode 100644
index 000000000..58cda6aa4
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\202\254\354\235\264\355\212\270\354\235\264\353\246\204.html"
@@ -0,0 +1,11 @@
+
+
+
+
+ Weekly Codeit
+
+
+
+ Hello Codeit!
+
+
\ No newline at end of file
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\235\264\353\257\270\354\247\200\353\204\243\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\235\264\353\257\270\354\247\200\353\204\243\352\270\260.html"
new file mode 100644
index 000000000..061c66449
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\235\264\353\257\270\354\247\200\353\204\243\352\270\260.html"
@@ -0,0 +1,71 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+ 코딩 한 스푼
+
+
+ 코드잇이 엄선한
+
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+ 인기 코드잇 강의를 뉴스레터로 만나보세요.
+
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+
+ 수업 살펴보기
+
+
+
+ 배움의 기쁨을 세상 모두에게.
+
+
+ iloveprincess 님
+ 안녕하세요, 5년차 코둥이입니다! 제가 구독 중인 뉴스레터 중 가장 읽기 편하고 재밌어요.
+ 매주 금요일이 기다려지네요 :)
+
+
+ 코드냠냠 님
+ 뉴스레터 정말 잘 보고 있습니다. 다양한 주제에 대한 소개 덕분에 기술 면접에서도 당황하지 않을 수 있었어요!
+ 항상 감사드립니다.
+
+
+ 냐리 님
+ 덕분에 프로그래밍 상식이 풍부해지는 느낌임. 깊이있는 내용을 알기 쉽게 소개해줘서 더 좋은듯.
+ 초보 코둥이들에게 추천해요.
+
+
+
+ 후기 더 보기
+
+
+
+ 코딩이 즐거워지는 뉴스레터,
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\234\353\252\251\353\204\243\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\234\353\252\251\353\204\243\352\270\260.html"
new file mode 100644
index 000000000..d6a47a1f2
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\234\353\252\251\353\204\243\352\270\260.html"
@@ -0,0 +1,13 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
Weekly Codeit
+
코드잇이 엄선한 프로그래밍 꿀팁
+
배움의 기쁨을 세상 모두에게. 많은 코둥이들이 구독하고 있어요!
+
코딩이 즐거워지는 뉴스레터, Weekly Codeit
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\234\353\252\251\354\227\220_\354\244\204\353\260\224\352\277\210_\353\204\243\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\234\353\252\251\354\227\220_\354\244\204\353\260\224\352\277\210_\353\204\243\352\270\260.html"
new file mode 100644
index 000000000..fe843bd7a
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\234\353\252\251\354\227\220_\354\244\204\353\260\224\352\277\210_\353\204\243\352\270\260.html"
@@ -0,0 +1,58 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+ 코딩 한 스푼
+
+
+ 코드잇이 엄선한
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+ 인기 코드잇 강의를 뉴스레터로 만나보세요.
+
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+ 배움의 기쁨을 세상 모두에게.
+
+ iloveprincess 님
+ 안녕하세요, 5년차 코둥이입니다! 제가 구독 중인 뉴스레터 중 가장 읽기 편하고 재밌어요.
+ 매주 금요일이 기다려지네요 :)
+
+
+ 코드냠냠 님
+ 뉴스레터 정말 잘 보고 있습니다. 다양한 주제에 대한 소개 덕분에 기술 면접에서도 당황하지 않을 수 있었어요!
+ 항상 감사드립니다.
+
+
+ 냐리 님
+ 덕분에 프로그래밍 상식이 풍부해지는 느낌임. 깊이있는 내용을 알기 쉽게 소개해줘서 더 좋은듯.
+ 초보 코둥이들에게 추천해요.
+
+
+ 코딩이 즐거워지는 뉴스레터,
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\354\234\204\355\202\244\355\216\230\354\235\264\354\247\200\353\247\214\353\223\244\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\354\234\204\355\202\244\355\216\230\354\235\264\354\247\200\353\247\214\353\223\244\352\270\260.html"
new file mode 100644
index 000000000..22c0ea0dd
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/1. HTML\354\213\234\354\236\221\355\225\230\352\270\260/\354\234\204\355\202\244\355\216\230\354\235\264\354\247\200\353\247\214\353\223\244\352\270\260.html"
@@ -0,0 +1,21 @@
+
+
+
+
+ 일론 머스크
+
+
+
+
+
+ 일론 머스크
+
+
+ 전기차 기업 Tesla 의 테크노킹.
+ 민간 우주 기업 SpaceX, 인공지능 기업 OpenAI 등
+ 다양한 분야에서 활약중인 기업인이다.
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/header.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/header.png"
new file mode 100644
index 000000000..81fc243ae
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/header.png" differ
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/index.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/index.html"
new file mode 100644
index 000000000..52b9bcf28
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/index.html"
@@ -0,0 +1,106 @@
+
+
+
+
+
Codechella Festival
+
+
+
+
+
+
+
+
+
+
+
+
FRIDAY MAY 16 & 23
+
+ Harry Styles
+ Lil Baby • Daniel Caesar • Phoebe • Bridgers • Big Sean • Grupo •
+ Firme • Louis the Child • Baby Keem • Still Woozy. • King Gizzard •
+ Snoh Aalegra • City Girls • Madeon • NIKI • Lane 8 • Pink Sweat$ •
+ Omar Apollo • Black Coffee • IDLES • Peggy Gou • EPIK HIGH •
+ the Marias • Carly Rae Jepsen • Spiritualized • Daphni • the Martinez Brothers •
+ Bishop Briggs • MIKA • slowthai Cordae • BADBADNOTGOOD •
+
+
+ the Avalanches • Role Model • ARTBAT • Damian Lazarus • TOKiMONSTA •
+ Princess Nokia • PUP • the Regrettes • Raveena • Purple Disco Machine •
+ Arooj Aftab • Amyl and the Sniffers • Dom Dolla • Logic1000 • the Chats •
+ the Hu • John Summit • Jean Dawson • Code Orange • Ela Minus • Jayda G •
+ Lost Kings • Lawrence • GG Magree • Giselle Woo & the Night • Owls •
+ SOHMI MEUTE • DJ Lord • Dear Humans
+
+
+
+
+
SATURDAY MAY 17 & 24
+
+ Billie Eilish
+ Flume • Megan Thee Stallion • Disclosure • 21 Savage • Danny Elfman •
+ Stromae Giveon • Anitta • BROCKHAMPTON • Rich Brian • girl in red •
+ Wallows • Isaiah Rashad • Caribou • Cuco • Conan Gray •
+
+
+ Koffee • Tchami • Dixon Caroline Polachek • Turnstile • 100 gecs •
+ Freddie Gibbs & Madlib Pabllo Vittar • Hot Chip • DJ Koze •
+ Floating Points • Steve Lacy • Arlo Parks •
+ Rina Sawayama • Japanese Breakfast • Masego • Chelsea Cutler •
+ Nicki Nicole • Richie Hawtin • Beach Bunny • Amber Mark • Ed Maverick •
+ Current Joys • black midi • Chris Liebing • Kyary Pamyu Pamyu •
+ Inner Wave • ANNA • Holly Humberstone • Niliifer Yanya • L'Imperatrice •
+ Emo Nite • Alaina Castillo • Paco Osuna • Beach Goons • VINSSA • Mannequin
+ Pussy • Sama' Abdulhadi • Whipped Cream • DJ Holographic • Yard
+ Act • ayla Benitez • Miane
+
+
+
+
+
SUNDAY MAY 18
+
+ Ye
+ X24 • Doja Cat • Joji • Jamie XX • Run the Jewels • Karol G •
+ Maggie Rogers • FAri Lennox • Banda MS • Fatboy Slim • Maneskin •
+ J.I.D • SLANDER • Solomun • Jessie Reyez • Denzel Curry • FINNEAS •
+ Vince Staples •
+
+
+ Dave • Fred again.. • Duck Sauce • Chicano Batman • Duke Dumont •
+ Kim Petras • Orville Peck • Natanael Cano • beabadoobee • Belly •
+ the Bleised Madonna + Honey Dijon • Alec Benjamin • Ali Gatie •
+ Surf Curse • Griselda • Michael Bibi • Nathy Peluso • Maxo Kream •
+ Bedouin • Emotional Oranges • Channel Tres • Yola • Hayden James •
+ Molchat Doma • Crumb • Olivia O'Brien • Eyedress • Sampa the Great •
+ Satori • Viagra Boys • Adam Port • Altin Gun • Skegss • Luttrell •
+ Mariah the Scientist • AMEME • Carino • Cole Knight
+
+
+
+
+
Returning to the Desert
+
Swedish House Mafia
+
+
+
+
+
+
+
+
Featuring
+
88rising's HEAD IN THE CLOUDS FOREVER
+
+
+
Large-scale art installations by
+
+ Architensions • Cristopher Cichocki • Kiki Van Eijk • Los Dos •
+ Estudio Normal • Oana Stanescu • NEWSUBSTANCE • Do LaB • Robert Bose
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/palm_tree_background.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/palm_tree_background.png"
new file mode 100644
index 000000000..f615d78db
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/Codechella_Music_Festival/palm_tree_background.png" differ
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\352\270\200\352\274\264\353\204\243\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\352\270\200\352\274\264\353\204\243\352\270\260.html"
new file mode 100644
index 000000000..e69de29bb
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\247\201\355\201\254\354\227\220_\354\203\211\354\203\201_\353\204\243\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\247\201\355\201\254\354\227\220_\354\203\211\354\203\201_\353\204\243\352\270\260.html"
new file mode 100644
index 000000000..6873db49d
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\247\201\355\201\254\354\227\220_\354\203\211\354\203\201_\353\204\243\352\270\260.html"
@@ -0,0 +1,80 @@
+
+
+
+
Weekly Codeit
+
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+
+
+
+ 코드잇이 엄선한
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+
+ 수업 살펴보기
+
+
+
+
+
+ 배움의 기쁨을 세상 모두에게.
+
+
+ iloveprincess 님
+
+ 코드냠냠 님
+
+ 냐리 님
+
+
+ 후기 더 보기
+
+
+
+
+
+ 코딩이 즐거워지는 뉴스레터,
+
+
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\260\260\352\262\275\354\203\211\353\204\243\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\260\260\352\262\275\354\203\211\353\204\243\352\270\260.html"
new file mode 100644
index 000000000..acdf516d8
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\353\260\260\352\262\275\354\203\211\353\204\243\352\270\260.html"
@@ -0,0 +1,80 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+
+
+
+ 코드잇이 엄선한
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+
+ 수업 살펴보기
+
+
+
+
+
+ 배움의 기쁨을 세상 모두에게.
+
+
+ iloveprincess 님
+
+ 코드냠냠 님
+
+ 냐리 님
+
+
+ 후기 더 보기
+
+
+
+
+
+ 코딩이 즐거워지는 뉴스레터,
+
+
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\225\353\240\254.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\225\353\240\254.html"
new file mode 100644
index 000000000..68f0d36a9
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\354\240\225\353\240\254.html"
@@ -0,0 +1,88 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+
+
+
+ 코드잇이 엄선한프로그래밍 꿀팁
+
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+
+ 수업 살펴보기
+
+
+
+
+
+ 배움의 기쁨을 세상 모두에게.
+ 많은 코둥이들이 구독하고 있어요!
+
+
+
+
+
+ iloveprincess 님
+
+ 코드냠냠 님
+
+ 냐리 님
+
+
+
+
+ 후기 더 보기
+
+
+
+
+
+ 코딩이 즐거워지는 뉴스레터,
+
+
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\201\254\352\270\260\354\231\200\354\227\254\353\260\261.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\201\254\352\270\260\354\231\200\354\227\254\353\260\261.html"
new file mode 100644
index 000000000..38177c8b4
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\201\254\352\270\260\354\231\200\354\227\254\353\260\261.html"
@@ -0,0 +1,89 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+
+
+
+ 코드잇이 엄선한프로그래밍 꿀팁
+
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+
+ 수업 살펴보기
+
+
+
+
+
+
+ 배움의 기쁨을 세상 모두에게.
+ 많은 코둥이들이 구독하고 있어요!
+
+
+
+
+ iloveprincess 님
+
+ 코드냠냠 님
+
+ 냐리 님
+
+
+ 후기 더 보기
+
+
+
+
+
+
+ 코딩이 즐거워지는 뉴스레터,
+
+
+
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
+
+
\ No newline at end of file
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\217\260\355\212\270\355\201\254\352\270\260\354\231\200_\352\265\265\352\270\260.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\217\260\355\212\270\355\201\254\352\270\260\354\231\200_\352\265\265\352\270\260.html"
new file mode 100644
index 000000000..7e526dbc4
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/2. CSS\354\213\234\354\236\221\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\217\260\355\212\270\355\201\254\352\270\260\354\231\200_\352\265\265\352\270\260.html"
@@ -0,0 +1,83 @@
+
+
+
+
Weekly Codeit 구독하기
+
+
+
+
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는
+
+
+
+ 코드잇이 엄선한프로그래밍 꿀팁
+
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+
+ 유용한 팁과 개발 지식을 매주 금요일 여러분의 메일함으로 보내드려요.
+
+
+
+ 수업 살펴보기
+
+
+
+
+
+ 배움의 기쁨을 세상 모두에게.많은 코둥이들이 구독하고 있어요!
+
+
+
+ iloveprincess 님
+
+ 코드냠냠 님
+
+ 냐리 님
+
+
+ 후기 더 보기
+
+
+
+
+
+ 코딩이 즐거워지는 뉴스레터,Weekly Codeit
+
+
+
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/banner-programming.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/banner-programming.png"
new file mode 100644
index 000000000..a68b00c8d
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/banner-programming.png" differ
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/banner-students.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/banner-students.png"
new file mode 100644
index 000000000..5a06a2cbc
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/banner-students.png" differ
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/index.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/index.html"
new file mode 100644
index 000000000..d884f8683
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/index.html"
@@ -0,0 +1,99 @@
+
+
+
+
Weekly Codeit
+
+
+
+
+
+
+
+
Weekly Codeit
+
+ 금요일에 만나는코딩 한 스푼.
+
+
+
+
+ 코드잇이 엄선한프로그래밍 꿀팁
+
+
+
+ 컴퓨터 개론, 프로그래밍 기초, 업무 자동화 ...
+
+ 유용한 팁과 개발 지식을 매주 금요일
+
+
+ 수업 살펴보기
+
+
+
+
+
+
+ 배움의 기쁨을 세상 모두에게.
+ 많은 코둥이들이 구독하고 있어요!
+
+
+
+
+ iloveprincess 님
+
+ 코드냠냠 님
+
+ 냐리 님
+
+
+ 후기 더 보기
+
+
+
+
+
+
+
+
+
+ Weekly Codeit
+
+
+ Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청 Subscribe
+
+ (주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층 | 수신 거부 Unsubscribe
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/letter.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/letter.png"
new file mode 100644
index 000000000..1a4a4ab1d
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/letter.png" differ
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/newsletter.html" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/newsletter.html"
new file mode 100644
index 000000000..6306f46f2
--- /dev/null
+++ "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/newsletter.html"
@@ -0,0 +1,93 @@
+
+
+
+
Weekly Codeit
+
+
+
+
+
+
+
+
Weekly Codeit
+
금요일에 만나는 코딩 한 스푼.
+
+
+
+
+
생산성을 높여줄 유닉스 커맨드 꿀팁
+
+ 생각만하면 모든게 이루어진다! 꿈 같은 이야기죠? 하지만 유닉스 커맨드를
+ 사용하면 더 이상 꿈이 아니랍니다. 마우스 대신에 유닉스 명령어들을 사용하면
+ 복잡한 일도 한 번에 뚝딱하거든요.
+
+
+ 유닉스 커맨드를 사용할 때 알아두면 좋은, 작업 효율성을 UP! UP! 시켜주는
+ 꿀팁 몇 가지를 준비해봤으니까, 한 번 살펴보세요!
+
+
+ 자세히 보기
+
+
+
+
+
+
+
머신 러닝을 통한 추천 시스템 (내용 기반, 협업 필터링)
+
+ 넷플릭스나 애플 뮤직은 어떻게 영화나 음악을 추천해주는 걸까요? 일단 추천
+ 시스템이란 유저에게 유저가 좋아하거나 구매할 만한 상품을 추천해 주는
+ 프로그램을 의미합니다.
+
+
+ 내가 평소에 쓰는 서비스들은 이미 추천 서비스를 사용하고 있을지도 모릅니다.
+ (놀랍죠?) 유저 별로 아마존이나 쿠팡에서 물건들을, 넷플릭스에서
+ 영화들을, 애플 뮤직에서 노래를 보여주는 것. 모두 추천 시스템을 사용해서 첫
+ 화면에 보여주기 때문이죠.
+
+
+ 자세히 보기
+
+
+
+
+
+
+
Tips & Tricks: HTML 코드 편하게 입력하는 법
+
+ HTML 파일을 작성하려면 DOCTYPE, <html>, <head>, <body> ... 적어야 할 것이 참
+ 많습니다. 이럴때 유용하게 쓸 수 있는 기능이 있는데요. VS Code에서는
+ !(느낌표)를 입력하고 Tab 키나 Enter 키를 누르면 HTML 코드를 한번에 입력할
+ 수 있답니다!
+
+
+ 이건 Emmet 이라고 부르는 문법의 일부인데요. Emmet은 개미라는
+ 뜻이랍니다. 개미는 자기 몸집의 50배나 넘는 물건을 옮길 수 있다는데요.
+ 개미처럼 Emmet의 문법도 짧은 단어만 입력하면 긴 HTML 코드를 뚝딱 만들어 낼
+ 수 있으니까, 한 번 살펴보시는 것도 좋을 거 같네요.
+
+
+
+
+
+
코둥이 퀴즈
+
+ 머신 러닝에서 유저에게 유저가 좋아하거나
+
+ 빈 칸에 들어갈 다섯 글자를 답장으로 보내주세요.
+
+
+
+
Weekly Codeit
+
(주)코드잇 | 서울 중구 청계천로 100 시그니쳐타워 동관 10층
+
Weekly Codeit 을 아직 구독하지 않으셨다면? 구독 신청하기
+
뉴스레터가 보이지 않는다면, weekly@codeit.kr을 메일 주소록에 추가해주세요.
+
수신 거부 Unsubscribe
+
+
+
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-emmet.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-emmet.png"
new file mode 100644
index 000000000..ec85cb48f
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-emmet.png" differ
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-machine-learning.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-machine-learning.png"
new file mode 100644
index 000000000..d232908e9
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-machine-learning.png" differ
diff --git "a/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-unix.png" "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-unix.png"
new file mode 100644
index 000000000..6956048d3
Binary files /dev/null and "b/Round1/\354\233\271_\355\215\274\353\270\224\353\246\254\354\213\261_\354\213\234\354\236\221\355\225\230\352\270\260/3. \354\231\204\354\204\261\355\225\230\352\270\260/\352\265\254\353\217\205\355\216\230\354\235\264\354\247\200_\355\216\230\354\235\264\354\247\200\354\227\260\352\262\260\355\225\230\352\270\260/thumbnail-unix.png" differ
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/package.json" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/package.json"
new file mode 100644
index 000000000..d88ebaef6
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/package.json"
@@ -0,0 +1,38 @@
+{
+ "name": "foodit",
+ "version": "0.1.0",
+ "private": true,
+ "dependencies": {
+ "@testing-library/jest-dom": "^5.11.4",
+ "@testing-library/react": "^11.1.0",
+ "@testing-library/user-event": "^12.1.10",
+ "react": "^17.0.2",
+ "react-dom": "^17.0.2",
+ "react-scripts": "5.0.1",
+ "web-vitals": "^1.0.1"
+ },
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "react-scripts build",
+ "test": "react-scripts test",
+ "eject": "react-scripts eject"
+ },
+ "eslintConfig": {
+ "extends": [
+ "react-app",
+ "react-app/jest"
+ ]
+ },
+ "browserslist": {
+ "production": [
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
+ ],
+ "development": [
+ "last 1 chrome version",
+ "last 1 firefox version",
+ "last 1 safari version"
+ ]
+ }
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/public/index.html" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/public/index.html"
new file mode 100644
index 000000000..41168fef9
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/public/index.html"
@@ -0,0 +1,10 @@
+
+
+
+
+
Foodit
+
+
+
+
+
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/api.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/api.js"
new file mode 100644
index 000000000..4492f0f76
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/api.js"
@@ -0,0 +1,28 @@
+const BASE_URL = 'https://learn.codeit.kr/api';
+
+export async function getFoods({
+ order = '',
+ cursor = '',
+ limit = 10,
+ search = '',
+}) {
+ const query = `order=${order}&cursor=${cursor}&limit=${limit}&search=${search}`;
+ const response = await fetch(`${BASE_URL}/foods?${query}`);
+ if (!response.ok) {
+ throw new Error('데이터를 불러오는데 실패했습니다');
+ }
+ const body = await response.json();
+ return body;
+}
+
+export async function createFood(formData) {
+ const response = await fetch(`${BASE_URL}/foods`, {
+ method: 'POST',
+ body: formData,
+ });
+ if (!response.ok) {
+ throw new Error('데이터를 생성하는데 실패했습니다');
+ }
+ const body = await response.json();
+ return body;
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/App.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/App.js"
new file mode 100644
index 000000000..84ed82d57
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/App.js"
@@ -0,0 +1,89 @@
+import { useEffect, useState } from 'react';
+import { getFoods } from '../api';
+import FoodList from './FoodList';
+import FoodForm from './FoodForm';
+
+function App() {
+ const [order, setOrder] = useState('createdAt');
+ const [cursor, setCursor] = useState(null);
+ const [items, setItems] = useState([]);
+ const [isLoading, setIsLoading] = useState(false);
+ const [loadingError, setLoadingError] = useState(null);
+ const [search, setSearch] = useState('');
+
+ const handleNewestClick = () => setOrder('createdAt');
+
+ const handleCalorieClick = () => setOrder('calorie');
+
+ const handleDelete = (id) => {
+ const nextItems = items.filter((item) => item.id !== id);
+ setItems(nextItems);
+ };
+
+ const handleLoad = async (options) => {
+ let result;
+ try {
+ setLoadingError(null);
+ setIsLoading(true);
+ result = await getFoods(options);
+ } catch (error) {
+ setLoadingError(error);
+ return;
+ } finally {
+ setIsLoading(false);
+ }
+ const {
+ foods,
+ paging: { nextCursor },
+ } = result;
+ if (!options.cursor) {
+ setItems(foods);
+ } else {
+ setItems((prevItems) => [...prevItems, ...foods]);
+ }
+ setCursor(nextCursor);
+ };
+
+ const handleLoadMore = () => {
+ handleLoad({
+ order,
+ cursor,
+ search,
+ });
+ };
+
+ const handleSearchSubmit = (e) => {
+ e.preventDefault();
+ setSearch(e.target['search'].value);
+ };
+
+ const sortedItems = items.sort((a, b) => b[order] - a[order]);
+
+ useEffect(() => {
+ handleLoad({
+ order,
+ search,
+ });
+ }, [order, search]);
+
+ return (
+
+
+
최신순
+
칼로리순
+
+
+ {cursor && (
+
+ 더보기
+
+ )}
+ {loadingError &&
{loadingError.message}
}
+
+ );
+}
+
+export default App;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FileInput.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FileInput.js"
new file mode 100644
index 000000000..c439d1264
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FileInput.js"
@@ -0,0 +1,42 @@
+import { useEffect, useRef, useState } from 'react';
+
+function FileInput({ name, value, onChange }) {
+ const [preview, setPreview] = useState();
+ const inputRef = useRef();
+
+ const handleChange = (e) => {
+ const nextValue = e.target.files[0];
+ onChange(name, nextValue);
+ };
+
+ const handleClearClick = () => {
+ const inputNode = inputRef.current;
+ if (!inputNode) return;
+
+ inputNode.value = '';
+ onChange(name, null);
+ };
+
+ useEffect(() => {
+ if (!value) return;
+ const nextPreview = URL.createObjectURL(value);
+ setPreview(nextPreview);
+
+ return () => {
+ setPreview();
+ URL.revokeObjectURL(nextPreview);
+ };
+ }, [value]);
+
+ return (
+
+
+
+
+ X
+
+
+ );
+}
+
+export default FileInput;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodForm.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodForm.js"
new file mode 100644
index 000000000..6c13dfb77
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodForm.js"
@@ -0,0 +1,68 @@
+import { useState } from 'react';
+import { createFood } from '../api';
+import FileInput from './FileInput';
+
+function sanitize(type, value) {
+ switch (type) {
+ case 'number':
+ return Number(value) || 0;
+
+ default:
+ return value;
+ }
+}
+
+function FoodForm() {
+ const [values, setValues] = useState({
+ imgFile: null,
+ title: '',
+ calorie: 0,
+ content: '',
+ });
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ const formData = new FormData();
+ formData.append('imgFile', values.imgFile);
+ formData.append('title', values.title);
+ formData.append('calorie', values.calorie);
+ formData.append('content', values.content);
+ };
+
+ const handleChange = (name, value) => {
+ setValues((prevValues) => ({
+ ...prevValues,
+ [name]: value,
+ }));
+ };
+
+ const handleInputChange = (e) => {
+ const { name, value, type } = e.target;
+ handleChange(name, sanitize(type, value));
+ };
+
+ return (
+
+ );
+}
+
+export default FoodForm;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodList.css" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodList.css"
new file mode 100644
index 000000000..deff25158
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodList.css"
@@ -0,0 +1,8 @@
+.FoodList {
+ list-style: none;
+ padding: 0;
+}
+
+.FoodListItem {
+ margin: 10px;
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodList.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodList.js"
new file mode 100644
index 000000000..519a61618
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/components/FoodList.js"
@@ -0,0 +1,37 @@
+import './FoodList.css';
+
+function formatDate(value) {
+ const date = new Date(value);
+ return `${date.getFullYear()}. ${date.getMonth() + 1}. ${date.getDate()}`;
+}
+
+function FoodListItem({ item, onDelete }) {
+ const { imgUrl, title, calorie, content, createdAt } = item;
+
+ const handleDeleteClick = () => onDelete(item.id);
+
+ return (
+
+
+
{title}
+
{calorie}
+
{content}
+
{formatDate(createdAt)}
+
삭제
+
+ );
+}
+
+function FoodList({ items, onDelete }) {
+ return (
+
+ {items.map((item) => (
+
+
+ ))}
+
+ );
+}
+
+export default FoodList;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/index.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/index.js"
new file mode 100644
index 000000000..463687cdb
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/foodit/src/index.js"
@@ -0,0 +1,4 @@
+import ReactDOM from 'react-dom';
+import App from './components/App';
+
+ReactDOM.render(
, document.getElementById('root'));
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/package.json" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/package.json"
new file mode 100644
index 000000000..72d058ed9
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/package.json"
@@ -0,0 +1,32 @@
+{
+ "name": "moviepedia",
+ "version": "0.1.0",
+ "private": true,
+ "dependencies": {
+ "react": "^17.0.2",
+ "react-dom": "^17.0.2",
+ "react-scripts": "5.0.1"
+ },
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "react-scripts build"
+ },
+ "eslintConfig": {
+ "extends": [
+ "react-app",
+ "react-app/jest"
+ ]
+ },
+ "browserslist": {
+ "production": [
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
+ ],
+ "development": [
+ "last 1 chrome version",
+ "last 1 firefox version",
+ "last 1 safari version"
+ ]
+ }
+}
\ No newline at end of file
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/public/index.html" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/public/index.html"
new file mode 100644
index 000000000..b52a0c7d4
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/public/index.html"
@@ -0,0 +1,10 @@
+
+
+
+
+
MOVIE PEDIA
+
+
+
+
+
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/api.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/api.js"
new file mode 100644
index 000000000..416467508
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/api.js"
@@ -0,0 +1,27 @@
+const BASE_URL = 'https://learn.codeit.kr/api';
+
+export async function getReviews({
+ order = 'createdAt',
+ offset = 0,
+ limit = 6,
+}) {
+ const query = `order=${order}&offset=${offset}&limit=${limit}`;
+ const response = await fetch(`${BASE_URL}/film-reviews?${query}`);
+ if (!response.ok) {
+ throw new Error('리뷰를 불러오는데 실패했습니다');
+ }
+ const body = await response.json();
+ return body;
+}
+
+export async function createReview(formData) {
+ const response = await fetch(`${BASE_URL}/film-reviews`, {
+ method: 'POST',
+ body: formData,
+ });
+ if (!response.ok) {
+ throw new Error('리뷰를 생성하는데 실패했습니다.');
+ }
+ const body = await response.json();
+ return body;
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/App.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/App.js"
new file mode 100644
index 000000000..f47667da0
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/App.js"
@@ -0,0 +1,79 @@
+import { useEffect, useState } from 'react';
+import ReviewList from './ReviewList';
+import ReviewForm from './ReviewForm';
+import { getReviews } from '../api';
+
+const LIMIT = 6;
+
+function App() {
+ const [order, setOrder] = useState('createdAt');
+ const [offset, setOffset] = useState(0);
+ const [hasNext, setHasNext] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
+ const [loadingError, setLoadingError] = useState(null);
+ const [items, setItems] = useState([]);
+ const sortedItems = items.sort((a, b) => b[order] - a[order]);
+
+ const handleNewestClick = () => setOrder('createdAt');
+
+ const handleBestClick = () => setOrder('rating');
+
+ const handleDelete = (id) => {
+ const nextItems = items.filter((item) => item.id !== id);
+ setItems(nextItems);
+ };
+
+ const handleLoad = async (options) => {
+ let result;
+ try {
+ setLoadingError(null);
+ setIsLoading(true);
+ result = await getReviews(options);
+ } catch (error) {
+ setLoadingError(error);
+ return;
+ } finally {
+ setIsLoading(false);
+ }
+
+ const { paging, reviews } = result;
+ if (options.offset === 0) {
+ setItems(reviews);
+ } else {
+ setItems((prevItems) => [...prevItems, ...reviews]);
+ }
+ setOffset(options.offset + options.limit);
+ setHasNext(paging.hasNext);
+ };
+
+ const handleLoadMore = async () => {
+ await handleLoad({ order, offset, limit: LIMIT });
+ };
+
+ const handleSubmitSuccess = (review) => {
+ setItems((prevItems) => [review, ...prevItems]);
+ };
+
+ useEffect(() => {
+ handleLoad({ order, offset: 0, limit: LIMIT });
+ }, [order]);
+
+ return (
+
+
+ 최신순
+ 베스트순
+
+
+
+ {hasNext && (
+
+ 더 보기
+
+ )}
+ {loadingError?.message &&
{loadingError.message} }
+
+ );
+}
+
+export default App;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/FileInput.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/FileInput.js"
new file mode 100644
index 000000000..aa63a0690
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/FileInput.js"
@@ -0,0 +1,45 @@
+import { useEffect, useRef, useState } from 'react';
+
+function FileInput({ name, value, initialPreview, onChange }) {
+ const [preview, setPreview] = useState(initialPreview);
+ const inputRef = useRef();
+
+ const handleChange = (e) => {
+ const nextValue = e.target.files[0];
+ onChange(name, nextValue);
+ };
+
+ const handleClearClick = () => {
+ const inputNode = inputRef.current;
+ if (!inputNode) return;
+
+ inputNode.value = '';
+ onChange(name, null);
+ };
+
+ useEffect(() => {
+ if (!value) return;
+ const nextPreview = URL.createObjectURL(value);
+ setPreview(nextPreview);
+
+ return () => {
+ setPreview(initialPreview);
+ URL.revokeObjectURL(nextPreview);
+ };
+ }, [value, initialPreview]);
+
+ return (
+
+
+
+ {value &&
X }
+
+ );
+}
+
+export default FileInput;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/Rating.css" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/Rating.css"
new file mode 100644
index 000000000..0b2523fc5
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/Rating.css"
@@ -0,0 +1,7 @@
+.Rating-star {
+ color: slategray;
+}
+
+.Rating-star.selected {
+ color: yellowgreen;
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/Rating.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/Rating.js"
new file mode 100644
index 000000000..869e566e6
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/Rating.js"
@@ -0,0 +1,39 @@
+import './Rating.css';
+
+const RATINGS = [1, 2, 3, 4, 5];
+
+function Star({ selected = false, rating = 0, onSelect, onHover }) {
+ const className = `Rating-star ${selected ? 'selected' : ''}`;
+
+ const handleClick = onSelect ? () => onSelect(rating) : undefined;
+
+ const handleMouesOver = onHover ? () => onHover(rating) : undefined;
+
+ return (
+
+ ★
+
+ );
+}
+
+function Rating({ className, value = 0, onSelect, onHover, onMouseOut }) {
+ return (
+
+ {RATINGS.map((rating) => (
+ = rating}
+ rating={rating}
+ onSelect={onSelect}
+ onHover={onHover}
+ />
+ ))}
+
+ );
+}
+
+export default Rating;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/RatingInput.css" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/RatingInput.css"
new file mode 100644
index 000000000..abb151a4d
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/RatingInput.css"
@@ -0,0 +1,3 @@
+.RatingInput {
+ cursor: pointer;
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/RatingInput.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/RatingInput.js"
new file mode 100644
index 000000000..abb2c8997
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/RatingInput.js"
@@ -0,0 +1,23 @@
+import { useState } from 'react';
+import Rating from './Rating';
+import './RatingInput.css';
+
+function RatingInput({ name, value, onChange }) {
+ const [rating, setRating] = useState(value);
+
+ const handleSelect = (nextValue) => onChange(name, nextValue);
+
+ const handleMouseOut = () => setRating(value);
+
+ return (
+
+ );
+}
+
+export default RatingInput;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewForm.css" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewForm.css"
new file mode 100644
index 000000000..b6bf39518
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewForm.css"
@@ -0,0 +1,9 @@
+.ReviewForm {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 0;
+}
+
+.ReviewForm > :not(:last-child) {
+ margin-bottom: 20px;
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewForm.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewForm.js"
new file mode 100644
index 000000000..c1e3615f9
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewForm.js"
@@ -0,0 +1,87 @@
+import { useState } from 'react';
+import { createReview } from '../api';
+import FileInput from './FileInput';
+import RatingInput from './RatingInput';
+import './ReviewForm.css';
+
+const INITIAL_VALUES = {
+ title: '',
+ rating: 0,
+ content: '',
+ imgFile: null,
+};
+
+function ReviewForm({
+ initialValues = INITIAL_VALUES,
+ initialPreview,
+ onCancel,
+ onSubmitSuccess,
+}) {
+ const [values, setValues] = useState(initialValues);
+ const [isSubmitting, setIsSubmitting] = useState(false);
+ const [submittingError, setSubmittingError] = useState(null);
+
+ const handleChange = (name, value) => {
+ setValues((prevValues) => ({
+ ...prevValues,
+ [name]: value,
+ }));
+ };
+
+ const handleInputChange = (e) => {
+ const { name, value } = e.target;
+ handleChange(name, value);
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ const formData = new FormData();
+ formData.append('title', values.title);
+ formData.append('rating', values.rating);
+ formData.append('content', values.content);
+ formData.append('imgFile', values.imgFile);
+ let result;
+ try {
+ setSubmittingError(null);
+ setIsSubmitting(true);
+ result = await createReview(formData);
+ } catch (error) {
+ setSubmittingError(error);
+ return;
+ } finally {
+ setIsSubmitting(false);
+ }
+ const { review } = result;
+ setValues(INITIAL_VALUES);
+ onSubmitSuccess(review);
+ };
+
+ return (
+
+ );
+}
+
+export default ReviewForm;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewList.css" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewList.css"
new file mode 100644
index 000000000..328831376
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewList.css"
@@ -0,0 +1,12 @@
+.ReviewListItem {
+ display: flex;
+ padding: 10px;
+ align-items: center;
+}
+
+.ReviewListItem-img {
+ width: 200px;
+ height: 300px;
+ object-fit: cover;
+ margin-right: 20px;
+}
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewList.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewList.js"
new file mode 100644
index 000000000..3dbc663bc
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/components/ReviewList.js"
@@ -0,0 +1,70 @@
+import { useState } from 'react';
+import Rating from './Rating';
+import ReviewForm from './ReviewForm';
+import './ReviewList.css';
+
+function formatDate(value) {
+ const date = new Date(value);
+ return `${date.getFullYear()}. ${date.getMonth() + 1}. ${date.getDate()}`;
+}
+
+function ReviewListItem({ item, onDelete, onEdit }) {
+ const handleDeleteClick = () => {
+ onDelete(item.id);
+ };
+
+ const handleEditClick = () => {
+ onEdit(item.id);
+ };
+
+ return (
+
+
+
+
{item.title}
+
+
{formatDate(item.createdAt)}
+
{item.content}
+
수정
+
삭제
+
+
+ );
+}
+
+function ReviewList({ items, onDelete }) {
+ const [editingId, setEditingId] = useState(null);
+
+ const handleCancel = () => setEditingId(null);
+
+ return (
+
+ {items.map((item) => {
+ if (item.id === editingId) {
+ const { imgUrl, title, rating, content } = item;
+ const initialValues = { title, rating, content, imgFile: null };
+ return (
+
+
+ );
+ }
+ return (
+
+
+ );
+ })}
+
+ );
+}
+
+export default ReviewList;
diff --git "a/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/index.js" "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/index.js"
new file mode 100644
index 000000000..463687cdb
--- /dev/null
+++ "b/Round2/React\353\241\234_\353\215\260\354\235\264\355\204\260\353\213\244\353\243\250\352\270\260/moviepedia/src/index.js"
@@ -0,0 +1,4 @@
+import ReactDOM from 'react-dom';
+import App from './components/App';
+
+ReactDOM.render(
, document.getElementById('root'));
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/package.json" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/package.json"
new file mode 100644
index 000000000..b4d592a8c
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/package.json"
@@ -0,0 +1,32 @@
+{
+ "name": "rock-scissor-paper",
+ "version": "0.1.0",
+ "private": true,
+ "dependencies": {
+ "react": "^17.0.2",
+ "react-dom": "^17.0.2",
+ "react-scripts": "5.0.1"
+ },
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "react-scripts build"
+ },
+ "eslintConfig": {
+ "extends": [
+ "react-app",
+ "react-app/jest"
+ ]
+ },
+ "browserslist": {
+ "production": [
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
+ ],
+ "development": [
+ "last 1 chrome version",
+ "last 1 firefox version",
+ "last 1 safari version"
+ ]
+ }
+}
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/public/index.html" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/public/index.html"
new file mode 100644
index 000000000..f7e26f19e
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/public/index.html"
@@ -0,0 +1,16 @@
+
+
+
+
+
가위바위보
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/App.js" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/App.js"
new file mode 100644
index 000000000..146d01b50
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/App.js"
@@ -0,0 +1,76 @@
+import { useState } from 'react';
+import Button from './Button';
+import HandButton from './HandButton';
+import HandIcon from './HandIcon';
+import { compareHand, generateRandomHand } from './utils';
+
+const INITIAL_VALUE = 'rock';
+
+function getResult(me, other) {
+ const comparison = compareHand(me, other);
+ if (comparison > 0) return '승리';
+ if (comparison < 0) return '패배';
+ return '무승부';
+}
+
+function App() {
+ const [hand, setHand] = useState(INITIAL_VALUE);
+ const [otherHand, setOtherHand] = useState(INITIAL_VALUE);
+ const [gameHistory, setGameHistory] = useState([]);
+ const [score, setScore] = useState(0);
+ const [otherScore, setOtherScore] = useState(0);
+ const [bet, setBet] = useState(1);
+
+ const handleButtonClick = (nextHand) => {
+ const nextOtherHand = generateRandomHand();
+ const nextHistoryItem = getResult(nextHand, nextOtherHand);
+ const comparison = compareHand(nextHand, nextOtherHand);
+ setHand(nextHand);
+ setOtherHand(nextOtherHand);
+ setGameHistory([...gameHistory, nextHistoryItem]);
+ if (comparison > 0) setScore(score + bet);
+ if (comparison < 0) setOtherScore(otherScore + bet);
+ };
+
+ const handleClearClick = () => {
+ setHand(INITIAL_VALUE);
+ setOtherHand(INITIAL_VALUE);
+ setGameHistory([]);
+ setScore(0);
+ setOtherScore(0);
+ setBet(1);
+ };
+
+ const handleBetChange = (e) => {
+ let num = Number(e.target.value);
+ if (num > 9) num %= 10;
+ if (num < 1) num = 1;
+ num = Math.floor(num);
+ setBet(num);
+ };
+
+ return (
+
+
처음부터
+
+ {score} : {otherScore}
+
+
+
+
+
+
승부 기록: {gameHistory.join(', ')}
+
+
+
+ );
+}
+
+export default App;
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/Button.js" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/Button.js"
new file mode 100644
index 000000000..ca750629a
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/Button.js"
@@ -0,0 +1,5 @@
+function Button({ children, onClick }) {
+ return
{children} ;
+}
+
+export default Button;
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandButton.css" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandButton.css"
new file mode 100644
index 000000000..809a0b1c0
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandButton.css"
@@ -0,0 +1,27 @@
+.HandButton {
+ width: 166px;
+ height: 166px;
+ border: none;
+ outline: none;
+ text-align: center;
+ cursor: pointer;
+ background-color: transparent;
+ background-image: url('./assets/purple.svg');
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+}
+
+.HandButton .HandButton-icon {
+ opacity: 0.45;
+ width: 55px;
+ height: 55px;
+}
+
+.HandButton:hover {
+ background-image: url('./assets/yellow.svg');
+}
+
+.HandButton:hover .HandButton-icon {
+ opacity: 0.87;
+}
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandButton.js" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandButton.js"
new file mode 100644
index 000000000..39989607a
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandButton.js"
@@ -0,0 +1,13 @@
+import HandIcon from './HandIcon';
+
+// CSS 파일로 스타일을 적용해 주세요
+function HandButton({ value, onClick }) {
+ const handleClick = () => onClick(value);
+ return (
+
+
+ );
+}
+
+export default HandButton;
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandIcon.js" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandIcon.js"
new file mode 100644
index 000000000..9bca9edc2
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/HandIcon.js"
@@ -0,0 +1,17 @@
+import rockImg from './assets/rock.svg';
+import scissorImg from './assets/scissor.svg';
+import paperImg from './assets/paper.svg';
+
+const IMAGES = {
+ rock: rockImg,
+ scissor: scissorImg,
+ paper: paperImg,
+};
+
+// className prop을 추가하고, img 태그에 적용해주세요
+function HandIcon({ value }) {
+ const src = IMAGES[value];
+ return
;
+}
+
+export default HandIcon;
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/ic-reset.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/ic-reset.svg"
new file mode 100644
index 000000000..9f227c9d1
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/ic-reset.svg"
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/logo.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/logo.svg"
new file mode 100644
index 000000000..9dfc1c058
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/logo.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/paper.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/paper.svg"
new file mode 100644
index 000000000..c81e252c7
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/paper.svg"
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/purple.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/purple.svg"
new file mode 100644
index 000000000..c2fd80ecd
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/purple.svg"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/rock.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/rock.svg"
new file mode 100644
index 000000000..01bc743a8
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/rock.svg"
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/scissor.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/scissor.svg"
new file mode 100644
index 000000000..8975fc707
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/scissor.svg"
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/yellow-win.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/yellow-win.svg"
new file mode 100644
index 000000000..946db2bba
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/yellow-win.svg"
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/yellow.svg" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/yellow.svg"
new file mode 100644
index 000000000..bedb0576e
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/assets/yellow.svg"
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/index.js" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/index.js"
new file mode 100644
index 000000000..606d7ac48
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/index.js"
@@ -0,0 +1,4 @@
+import ReactDOM from 'react-dom';
+import App from './App';
+
+ReactDOM.render(
, document.getElementById('root'));
diff --git "a/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/utils.js" "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/utils.js"
new file mode 100644
index 000000000..ee002c31d
--- /dev/null
+++ "b/Round2/React\354\233\271\352\260\234\353\260\234\354\213\234\354\236\221\355\225\230\352\270\260/rock-scissor-paper/src/utils.js"
@@ -0,0 +1,22 @@
+const HANDS = ['rock', 'scissor', 'paper'];
+
+const WINS = {
+ rock: 'scissor',
+ scissor: 'paper',
+ paper: 'rock',
+};
+
+export function compareHand(a, b) {
+ if (WINS[a] === b) return 1;
+ if (WINS[b] === a) return -1;
+ return 0;
+}
+
+function random(n) {
+ return Math.floor(Math.random() * n);
+}
+
+export function generateRandomHand() {
+ const idx = random(HANDS.length);
+ return HANDS[idx];
+}
+ 
+ 코드잇
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 출국
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 네트코인
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 뮤직 홈
+ 
+ 추천 앨범
+ 
+ 장르 별 보기
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/logo.png" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/logo.png"
new file mode 100644
index 000000000..3f5d7612c
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/logo.png" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/space.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/space.jpg"
new file mode 100644
index 000000000..822775e91
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/space.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/style.css" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/style.css"
new file mode 100644
index 000000000..d53b6c941
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200/style.css"
@@ -0,0 +1,22 @@
+* {
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Noto Sans KR', sans-serif;
+ font-size: 16px;
+ margin: 0;
+}
+
+.subtitle1{
+ font-size: 22px;
+ font-weight: 700;
+ color: #000000;
+ margin: 24px 48px;
+}
+.subtitle2{
+ font-size: 24px;
+ font-weight: 700;
+ color: #000000;
+ margin: 40px 48px 8px;
+}
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/director.jpg" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/director.jpg"
new file mode 100644
index 000000000..d012f6628
Binary files /dev/null and "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/director.jpg" differ
diff --git "a/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/index.html" "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/index.html"
new file mode 100644
index 000000000..beb1311ee
--- /dev/null
+++ "b/Round1/CSS\355\225\265\354\213\254\352\260\234\353\205\220/4. display/\354\275\224\353\223\234\354\236\207\353\257\270\354\210\240\352\264\200_\354\235\270\354\202\277\353\247\220/index.html"
@@ -0,0 +1,33 @@
+
+
+
+
+ 
+ 
+ 출국
+ 
+ 오후 8:29
+ 
+ 
+
+ 
+ 
+ 
+
+
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/style.css" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/style.css"
new file mode 100644
index 000000000..2fa7d0c31
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/banner/style.css"
@@ -0,0 +1,33 @@
+body {
+ margin: 0;
+}
+
+@keyframes fade-out-in {
+ 0% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.banner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 750px;
+ height: 135px;
+ animation: 5s infinite fade-out-in;
+}
+
+.banner:nth-of-type(1) {
+ animation-delay: 0s;
+}
+.banner:nth-of-type(2) {
+ animation-delay: 2.5s;
+}
diff --git "a/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/index.html" "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/index.html"
new file mode 100644
index 000000000..932ce3048
--- /dev/null
+++ "b/Round1/HTML\355\225\265\354\213\254\352\260\234\353\205\220/6. \353\251\200\355\213\260\353\257\270\353\224\224\354\226\264/\353\260\260\353\204\210\352\264\221\352\263\240/index.html"
@@ -0,0 +1,46 @@
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+