Skip to content

Commit

Permalink
πŸš€ 221026: ν”„λ¦¬μ½”μŠ€/λ§ˆμŠ€ν„°μ¦ˆ/FAQ νŽ˜μ΄μ§€ μˆ˜μ •
Browse files Browse the repository at this point in the history 
### ν”„λ¦¬μ½”μŠ€/λ§ˆμŠ€ν„°μ¦ˆ/FAQ νŽ˜μ΄μ§€ μˆ˜μ •
* #245
  • Loading branch information
@dev-angelo
dev-angelo authored Oct 26, 2022
2 parents d3e8266 + a7e4192 commit 4b1f98c
Show file tree
Hide file tree
Showing 17 changed files with 205 additions and 105 deletions.
23 changes: 12 additions & 11 deletions content/faq/lists.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,20 +57,15 @@ lists:
- course: masters
category: 지원 및 μ„ λ°œ
title: μ„ λ°œ 과정은 μ–΄λ–»κ²Œ λ˜λ‚˜μš”?
content: "μ§€μ›μžμ˜ ν”„λ‘œκ·Έλž˜λ° κ²½ν—˜κ³Ό μ‹€λ ₯ 그리고 ν•™μŠ΅ νƒœλ„λ₯Ό ν™•μΈν•˜κΈ° μœ„ν•΄ μ•„λž˜ 두 λ‹¨κ³„μ˜ μ„ λ°œ 과정이 μžˆμŠ΅λ‹ˆλ‹€.\n
1) μ œμ‹œλœ 문제λ₯Ό ν•΄κ²°ν•˜μ—¬ 제좜\n
2) 온라인 λ˜λŠ” μ˜€ν”„λΌμΈ λ©΄λ‹΄"
editDate: "2022-06-14"
content: "λ§ˆμŠ€ν„°μ¦ˆ μ½”μŠ€μ™€ λ§ˆμŠ€ν„°μ¦ˆ max의 μ„ λ°œ 방식은 λ™μΌν•˜λ©°, ν”„λ‘œκ·Έλž˜λ° λŠ₯λ ₯을 ν™•μΈν•˜κΈ° μœ„ν•œ μ½”λ”©ν…ŒμŠ€νŠΈλ₯Ό μ§„ν–‰ν•©λ‹ˆλ‹€."
editDate: "2022-10-26"

- course: masters
category: 지원 및 μ„ λ°œ
title: 각 μ„ λ°œ κ³Όμ •μ—μ„œ 합격 기쀀은 μ–΄λ–»κ²Œ λ˜λ‚˜μš”?
content: "1) μ œμ‹œλœ 문제λ₯Ό ν•΄κ²°ν•˜μ—¬ 제좜\n
기본적인 ν”„λ‘œκ·Έλž˜λ°μ΄ κ°€λŠ₯ν•˜μ‹  뢄인지 ν™•μΈν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ–΄λ–€ 언어든지 λ°°μ—΄μ—μ„œ 값을 읽고, μ›ν•˜λŠ” 쑰건으둜 λΉ„κ΅ν•˜λŠ” ν•¨μˆ˜λ₯Ό μž‘μ„±ν•  수 μžˆλŠ” μˆ˜μ€€μ΄ μ΅œμ†Œ μˆ˜μ€€μž…λ‹ˆλ‹€.\n\n
2) 온라인 λ˜λŠ” μ˜€ν”„λΌμΈ λ©΄λ‹΄\n
λ§ˆμŠ€ν„°μ¦ˆ κΈ°κ°„λ™μ•ˆ λ‹€μ–‘ν•œ λ™λ£Œλ“€μ„ λ§Œλ‚˜κ²Œ λ©λ‹ˆλ‹€. λ™λ£Œλ“€κ³Ό μ„œλ‘œ 'ν˜‘λ ₯'ν•˜μ—¬, '슀슀둜', 'ν¬κΈ°ν•˜μ§€ μ•Šκ³ ', '도전적'으둜 ν•™μŠ΅ν•˜μ‹€ 수 μžˆλŠ” 뢄인지 μ—¬λŸ¬ λ°©λ©΄μ—μ„œ ν™•μΈν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.\n
λ‹¨μˆœνžˆ μ‹œν—˜ μ„±μ μˆœμœΌλ‘œ 합격 μ—¬λΆ€λ₯Ό κ²°μ •ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€."
editDate: "2022-06-14"
title: μ„ λ°œ κ³Όμ •μ—μ„œ 합격 기쀀은 μ–΄λ–»κ²Œ λ˜λ‚˜μš”?
content: "기본적인 ν”„λ‘œκ·Έλž˜λ°μ΄ κ°€λŠ₯ν•˜μ‹  뢄인지 ν™•μΈν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ–΄λ–€ 언어든지 λ°°μ—΄μ—μ„œ 값을 읽고, μ›ν•˜λŠ” 쑰건으둜 λΉ„κ΅ν•˜λŠ” ν•¨μˆ˜λ₯Ό μž‘μ„±ν•  수 μžˆλŠ” μˆ˜μ€€μ΄ μ΅œμ†Œ μˆ˜μ€€μž…λ‹ˆλ‹€.\n\n
λ”λΆˆμ–΄ λ™λ£Œλ“€κ³Ό μ„œλ‘œ 'ν˜‘λ ₯'ν•˜μ—¬, '슀슀둜', 'ν¬κΈ°ν•˜μ§€ μ•Šκ³ ', '도전적'으둜 ν•™μŠ΅ν•˜μ‹€ 수 μžˆλŠ” 뢄인지 μ—¬λŸ¬ λ°©λ©΄μ—μ„œ ν™•μΈν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€."
editDate: "2022-10-26"

- course: masters
category: 지원 및 μ„ λ°œ
Expand Down Expand Up @@ -215,6 +210,12 @@ lists:
λ”λΆˆμ–΄ κΌ­ λ§ˆμŠ€ν„°μ¦ˆλ₯Ό μ€€λΉ„ν•˜μ‹œλŠ” 뢄듀이 μ•„λ‹ˆλ”λΌλ„ ν”„λ‘œκ·Έλž˜λ° 기초λ₯Ό λ‹¨λ‹¨ν•˜κ²Œ 닀지고 μ‹ΆμœΌμ‹  뢄듀이라면 도움이 될 수 μžˆμŠ΅λ‹ˆλ‹€."
editDate: "2022-09-15"

- course: pre-course
category: ꡐ윑 κ³Όμ •
title: ν”„λ¦¬μ½”μŠ€λŠ” 1년에 λͺ‡ 번 μ§„ν–‰ν•˜λ‚˜μš”?
content: "1년에 ν•œ 번 μ§„ν–‰ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. ν”„λ¦¬μ½”μŠ€λŠ” λ§ˆμŠ€ν„°μ¦ˆλ₯Ό μ€€λΉ„ν•˜λŠ” κ³Όμ •μœΌλ‘œ, 맀년 λ§ˆμŠ€ν„°μ¦ˆ μ„ λ°œ μ „ 1κ°œμ›” λ™μ•ˆ μ§„ν–‰ν•©λ‹ˆλ‹€."
editDate: "2022-10-26"

- course: pre-course
category: μˆ˜κ°• μ‹ μ²­
title: ν”„λ¦¬μ½”μŠ€λŠ” λˆ„κ΅¬λ‚˜ μ‹ μ²­ν•  수 μžˆλ‚˜μš”?
Expand Down
8 changes: 4 additions & 4 deletions content/masters/schedule.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,16 +21,16 @@ progress:
- label: ν΄λž˜μŠ€λ³„ κ³Όμ •
title: ν΄λž˜μŠ€λ³„ κ³Όμ •
tags:
- λ§ˆμŠ€ν„°μ¦ˆ μ½”μŠ€(5μ£Ό)
- λ§ˆμŠ€ν„°μ¦ˆ max(10μ£Ό)
- λ§ˆμŠ€ν„°μ¦ˆ μ½”μŠ€(7μ£Ό)
- λ§ˆμŠ€ν„°μ¦ˆ max(14μ£Ό)
subtitle: 이제 멀버듀은 각 클래슀둜 λ‚˜λ‰˜μ–΄, λΆ„μ•Όλ³„λ‘œ μ‹¬ν™”λœ 주제λ₯Ό ν•™μŠ΅ν•©λ‹ˆλ‹€.
description: "μ—¬λŸ¬ 개의 λ―Έλ‹ˆ ν”„λ‘œμ νŠΈλ₯Ό 톡해 λͺ¨λ°”일 μ•±μ΄λ‚˜ μ›Ή μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€λ©΄μ„œ, λΆ„μ•Όλ³„λ‘œ ν•„μš”ν•œ 지식을 ν•™μŠ΅ν•©λ‹ˆλ‹€. λ˜ν•œ μ£Ό 1~2회 λ°€λ„μžˆλŠ” λ§ˆμŠ€ν„° 클래슀λ₯Ό 톡해 핡심 지식을 λΉ λ₯΄κ²Œ μŠ΅λ“ν•©λ‹ˆλ‹€.\n\n 이 κ³Όμ •μ—μ„œ ν•™μŠ΅ν•˜λŠ” ν΄λž˜μŠ€λ³„ 핡심 지식은 μ΄μ–΄μ§€λŠ” κ·Έλ£Ή ν”„λ‘œμ νŠΈλ₯Ό 톡해 λ‹¨λ‹¨ν•˜κ³  깊이 μžˆλŠ” λ‚˜λ§Œμ˜ μ§€μ‹μœΌλ‘œ λ§€λ“­μ§“κ²Œ λ©λ‹ˆλ‹€."

- label: κ·Έλ£Ή ν”„λ‘œμ νŠΈ
title: κ·Έλ£Ή ν”„λ‘œμ νŠΈ
tags:
- λ§ˆμŠ€ν„°μ¦ˆ μ½”μŠ€(12μ£Ό)
- λ§ˆμŠ€ν„°μ¦ˆ max(24μ£Ό)
- λ§ˆμŠ€ν„°μ¦ˆ μ½”μŠ€(9μ£Ό)
- λ§ˆμŠ€ν„°μ¦ˆ max(18μ£Ό)
subtitle: λ‹€λ₯Έ 클래슀 멀버듀과 ν•¨κ»˜, μ‹€μ „κ³Ό 같은 ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•©λ‹ˆλ‹€.
description: "기획과 λ””μžμΈμ΄ ν¬ν•¨λœ ν”„λ‘œμ νŠΈλ₯Ό 톡해, λ‚œμ΄λ„λ³„ μš”κ΅¬μ‚¬ν•­μ„ κ΅¬ν˜„ν•˜λ©° 싀무 μ—­λŸ‰μ„ λ‹€μ–‘ν•˜κ²Œ κ²½ν—˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 맀번 μƒˆλ‘œμš΄ 멀버듀과 ν•œ νŒ€μ΄ λ˜μ–΄ μŠ€ν”„λ¦°νŠΈ κ³„νš, 배포, 리뷰, λ¦¬νŒ©ν† λ§, ν…ŒμŠ€νŒ… λ“±μ˜ 곡학적인 방법을 ν•¨κ»˜ μ‹€μ²œν•©λ‹ˆλ‹€.\n\n 이 κ³Όμ •μ—μ„œ 멀버듀은 같은 뢄야와 ν˜‘μ—…ν•˜κ³  λ‹€λ₯Έ 뢄야와 ν˜‘λ ₯ν•˜λ©°, μ‹€μ œλ‘œ μ„œλΉ„μŠ€ κ°€λŠ₯ν•œ 결과물을 λ§Œλ“€μ–΄ λƒ…λ‹ˆλ‹€."

Expand Down
18 changes: 12 additions & 6 deletions content/pre-course/curriculum_part1.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,10 +26,16 @@ subjectList:
- 객체 지ν–₯ ν”„λ‘œκ·Έλž˜λ°
- 동기와 비동기

masterInfo:
avatar: mediumCrong
name: 크둱
position: Crong, μ›Ή ν”„λ‘ νŠΈμ—”λ“œ λ§ˆμŠ€ν„°
nutshell: "β€œ4μ£Όκ°„ μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 기초λ₯Ό νƒ„νƒ„νžˆ λ‹€μ§€μ‹œκ³ , ν•¨κ»˜ μ„±μž₯ν•˜λŠ” ν•™μŠ΅λ°©λ²•λ„ κ²½ν—˜ν•˜μ„Έμš”.”"
introduce: 바닐라JSλ₯Ό μ’‹μ•„ν•˜κ³ , UX ν–₯상에 도움이 λ˜λŠ” 개발 방법에 관심이 λ§Žμ•„μš”.
masterInfoList:
- picture: masterjs
name: λ§ˆμŠ€ν„°μ œμ΄μ—μŠ€
position: Masterjs, JavaScript λ§ˆμŠ€ν„°
nutshell: "β€œμ„Έμƒμ—μ„œ κ°€μž₯ 많이 μ‚¬μš©ν•˜λŠ” ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄ JS! ν•œλ²ˆ λ°°μ›Œλ³ΌκΉŒμš”?”"
introduce: 웹도 JS, μ„œλ²„λ„ JS, 앱도 JS, μ–΄λ””μ„œλ“  JS둜 μ—¬λŸ¬λΆ„μ˜ ν”„λ‘œκ·Έλž¨μ„ λ§Œλ“€μ–΄λ³΄μ„Έμš”.

- picture: crong
name: 크둱
position: Crong, μ›Ή ν”„λ‘ νŠΈμ—”λ“œ λ§ˆμŠ€ν„°
nutshell: "β€œ4μ£Όκ°„ μ›Ή ν”„λ‘ νŠΈμ—”λ“œ 기초λ₯Ό νƒ„νƒ„νžˆ λ‹€μ§€μ‹œκ³ , ν•¨κ»˜ μ„±μž₯ν•˜λŠ” ν•™μŠ΅λ°©λ²•λ„ κ²½ν—˜ν•˜μ„Έμš”.”"
introduce: 바닐라JSλ₯Ό μ’‹μ•„ν•˜κ³ , UX ν–₯상에 도움이 λ˜λŠ” 개발 방법에 관심이 λ§Žμ•„μš”.
---
18 changes: 12 additions & 6 deletions content/pre-course/curriculum_part2.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,10 +24,16 @@ subjectList:
- 비동기와 콜백 ν•¨μˆ˜
- ν…ŒμŠ€νŠΈ μ½”λ“œ

masterInfo:
avatar: mediumHonux
name: ν˜Έλˆ…μŠ€
position: Honux, μ›Ή λ°±μ—”λ“œ λ§ˆμŠ€ν„°
nutshell: "β€œλ™λ£Œμ™€ ν•¨κ»˜ μ„±μž₯ν•˜λ©΄μ„œ 즐겁게 ν”„λ‘œκ·Έλž˜λ°μ„ ν•΄ λ΄…μ‹œλ‹€.”"
introduce: μžλ°”, μŠ€ν”„λ§, λ°μ΄ν„°λ² μ΄μŠ€, HTTP, ν΄λΌμš°λ“œλ„ λ°°μš°μ§€λ§Œ ν•¨κ»˜ 배우고, ν•¨κ»˜ μžλΌλŠ” 법도 μ΅νž™λ‹ˆλ‹€.
masterInfoList:
- picture: silver
name: 싀버
position: Silver, Java λ§ˆμŠ€ν„°
nutshell: "β€œλˆ„κ΅¬λ‚˜ λ§ˆμŠ€ν„°κ°€ 되기 μœ„ν•΄μ„œλŠ” '마늘과 μ‘₯의 μ‹œκ°„'이 ν•„μš”ν•˜λ‹΅λ‹ˆλ‹€. SILVER와 ν•¨κ»˜ μžλ°”μ˜ λ§ˆμŠ€ν„°λ‘œ κ°€κΈ° μœ„ν•œ 마늘과 μ‘₯의 μ‹œκ°„μ„ μ¦κ²¨λ³΄μ„Έμš”.”"
introduce: μ‹œκ°„κ³Ό μ½”λ“œμŠ€μΏΌλ“œλŠ” λ‹Ήμ‹  νŽΈμž…λ‹ˆλ‹€. 자~ 개발자의 길둜 μΆœλ°œν•˜μ‹œμ£ !

- picture: honux
name: ν˜Έλˆ…μŠ€
position: Honux, μ›Ή λ°±μ—”λ“œ λ§ˆμŠ€ν„°
nutshell: "β€œλ™λ£Œμ™€ ν•¨κ»˜ μ„±μž₯ν•˜λ©΄μ„œ 즐겁게 ν”„λ‘œκ·Έλž˜λ°μ„ ν•΄ λ΄…μ‹œλ‹€.”"
introduce: μžλ°”, μŠ€ν”„λ§, λ°μ΄ν„°λ² μ΄μŠ€, HTTP, ν΄λΌμš°λ“œλ„ λ°°μš°μ§€λ§Œ ν•¨κ»˜ 배우고, ν•¨κ»˜ μžλΌλŠ” 법도 μ΅νž™λ‹ˆλ‹€.
---
12 changes: 6 additions & 6 deletions content/pre-course/curriculum_part3.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,10 +27,10 @@ subjectList:
- iOS λ·°
- ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ°κ³Ό 타이머

masterInfo:
avatar: mediumJk
name: JK
position: μ œμ΄μΌ€μ΄, λͺ¨λ°”일 iOS λ§ˆμŠ€ν„°
nutshell: "β€œμŠ€μœ„ν”„νŠΈλ‘œ ν”„λ‘œκ·Έλž˜λ° μ—°μŠ΅λ„ ν•˜κ³ , κ°„λ‹¨ν•œ 앱을 직접 λ§Œλ“€μ–΄λ³΄μ„Έμš”!”"
introduce: 맀λ ₯적인 μ• ν”Œ ν”Œλž«νΌμ—μ„œ ν•¨κ»˜ μ„±μž₯ν•  개발자λ₯Ό κΈ°λ‹€λ¦½λ‹ˆλ‹€.
masterInfoList:
- picture: jk
name: JK
position: μ œμ΄μΌ€μ΄, λͺ¨λ°”일 iOS λ§ˆμŠ€ν„°
nutshell: "β€œμŠ€μœ„ν”„νŠΈλ‘œ ν”„λ‘œκ·Έλž˜λ° μ—°μŠ΅λ„ ν•˜κ³ , κ°„λ‹¨ν•œ 앱을 직접 λ§Œλ“€μ–΄λ³΄μ„Έμš”!”"
introduce: 맀λ ₯적인 μ• ν”Œ ν”Œλž«νΌμ—μ„œ ν•¨κ»˜ μ„±μž₯ν•  개발자λ₯Ό κΈ°λ‹€λ¦½λ‹ˆλ‹€.
---
4 changes: 2 additions & 2 deletions src/@type/CodeTogetherCurriculum.ts
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { MasterInfoType } from "./Master";
import { MasterPictureInfoType } from "./Master";

export interface CodeTogetherSubjectInfoType {
details: string[];
Expand All @@ -8,5 +8,5 @@ export interface CodeTogetherSubjectInfoType {
export interface CodeTogetherCurriculumType {
tabName: string;
subjectList: CodeTogetherSubjectInfoType[];
masterInfo: MasterInfoType;
masterInfoList: MasterPictureInfoType[];
}
8 changes: 8 additions & 0 deletions src/@type/Master.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,3 +26,11 @@ export interface MasterInfoType {
introduce: string;
nutshell: string;
}

export interface MasterPictureInfoType {
picture: keyof typeof picture;
name: string;
position: string;
introduce: string;
nutshell: string;
}
4 changes: 4 additions & 0 deletions src/assets/img/picture/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@ import jk from "./jk.png";
import crong from "./crong.png";
import honux from "./honux.png";
import ivy from "./ivy.png";
import silver from "./silver.png";
import masterjs from "./masterjs.png";
import place1 from "./place1.png";
import place2 from "./place2.png";
import place3 from "./place3.png";
Expand All @@ -16,6 +18,8 @@ export default {
crong,
honux,
ivy,
silver,
masterjs,
place1,
place2,
place3,
Expand Down
Binary file added src/assets/img/picture/masterjs.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/img/picture/silver.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 9 additions & 9 deletions src/pageComponents/pre-course/DetailCurriculum/Curriculum/Curriculum.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,26 +13,24 @@ import { DESCRIPTION } from "assets/static/phrases";
const Curriculum: React.FC<{ curriculumInfo: CodeTogetherCurriculumType }> = ({
curriculumInfo,
}) => {
const { subjectList, masterInfo } = curriculumInfo;

const { name } = masterInfo;
const { subjectList, masterInfoList, tabName } = curriculumInfo;

const descriptionLinkObj: { [key: string]: JSX.Element } = {
크둱: (
JavaScript: (
<Typography type="MBold">
<LinkWrapper {...{ to: "/masters" }}>{DESCRIPTION.FRONT_CURRICULUM_LINK}</LinkWrapper>
{DESCRIPTION.SUITABLE_READY_CLASS}
</Typography>
),
ν˜Έλˆ…μŠ€: (
Java: (
<Typography type="MBold">
<LinkWrapper {...{ to: "/masters" }}>{DESCRIPTION.BACK_CURRICULUM_LINK}</LinkWrapper>
{DESCRIPTION.OR}
<LinkWrapper {...{ to: "/masters" }}>{DESCRIPTION.MOBILE_CURRICULUM_LINK}</LinkWrapper>
{DESCRIPTION.SUITABLE_READY_CLASS}
</Typography>
),
JK: (
Swift: (
<Typography type="MBold">
<LinkWrapper {...{ to: "/masters" }}>{DESCRIPTION.IOS_CURRICULUM_LINK}</LinkWrapper>
{DESCRIPTION.SUITABLE_READY_CLASS}
Expand All @@ -42,7 +40,7 @@ const Curriculum: React.FC<{ curriculumInfo: CodeTogetherCurriculumType }> = ({
return (
<CurriculumWrapper>
<CurriculumList>
<TitleWrapper>{descriptionLinkObj[name]}</TitleWrapper>
<TitleWrapper>{descriptionLinkObj[tabName]}</TitleWrapper>
<DivideLine />
<SubjectList>
{subjectList.map(({ name, details }) => (
Expand All @@ -63,7 +61,9 @@ const Curriculum: React.FC<{ curriculumInfo: CodeTogetherCurriculumType }> = ({
))}
</SubjectList>
<DivideLine />
<MasterInfo {...{ masterInfo }} />
{masterInfoList.map((masterInfo) => (
<MasterInfo key={masterInfo.name} {...{ masterInfo }} />
))}
</CurriculumList>
</CurriculumWrapper>
);
Expand Down Expand Up @@ -150,7 +150,7 @@ const SubjectDetailList = styled.ul`
const DivideLine = styled.div`
border-bottom: 0.1rem solid ${({ theme: { color } }) => color.greyScale.grey4};
width: 100%;
margin: 5.6rem 0;
margin: 4.6rem 0;
@media ${({ theme }) => theme.device.mobile} {
margin: 3.2rem 0;
}
Expand Down
4 changes: 2 additions & 2 deletions src/pageComponents/pre-course/DetailCurriculum/Curriculum/MasterInfo/MasterInfo.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@ import { render } from "@testing-library/react";
// Testing-Component
import { MasterInfo } from ".";
// Assets
import avatars from "assets/img/avatars";
import pictures from "assets/img/picture";
// lib
import { TestProvider } from "lib/testUtils";

describe("<MasterInfo>", () => {
const masterInfo = {
avatar: "mediumCrong" as keyof typeof avatars,
picture: "masterjs" as keyof typeof pictures,
introduce: "맀λ ₯적인 μ• ν”Œ ν”Œλž«νΌμ—μ„œ ν•¨κ»˜ μ„±μž₯ν•  개발자λ₯Ό κΈ°λ‹€λ¦½λ‹ˆλ‹€.",
name: "JK",
nutshell: "β€œλ‚˜μ™€ μ§€μΈλ“€μ—κ²Œ ν•„μš”ν•œ iOS 앱을 직접 λ§Œλ“€κ³  μΆœμ‹œκΉŒμ§€ λ„μ „ν•΄λ³΄μ„Έμš”β€",
Expand Down
11 changes: 6 additions & 5 deletions src/pageComponents/pre-course/DetailCurriculum/Curriculum/MasterInfo/MasterInfo.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@ import { Typography } from "typography";
// Components
import { Avatar } from "components";
// Assets
import avatars from "assets/img/avatars";
import pictures from "assets/img/picture";
// Libs
import { useResponsive } from "lib/hooks";

type mastersInfo = {
avatar: keyof typeof avatars;
picture: keyof typeof pictures;
name: string;
position: string;
introduce: string;
Expand All @@ -22,16 +22,16 @@ interface IMasterInfo {

const MasterInfo: React.FC<IMasterInfo> = ({ masterInfo }) => {
const { isMobile } = useResponsive();
const { name, position, nutshell, avatar, introduce } = masterInfo;
const { name, position, nutshell, picture, introduce } = masterInfo;

return (
<MasterInfoWrapper>
<AvatarWrapper>
<Avatar
key={avatars[avatar]}
key={pictures[picture]}
width={isMobile ? "8rem" : "12rem"}
height={isMobile ? "8rem" : "12rem"}
src={avatars[avatar]}
src={pictures[picture]}
/>
</AvatarWrapper>
<InfoWrapper>
Expand All @@ -54,6 +54,7 @@ const MasterInfo: React.FC<IMasterInfo> = ({ masterInfo }) => {

const MasterInfoWrapper = styled.li`
display: flex;
margin-top: 1rem;
@media ${({ theme }) => theme.device.mobile} {
flex-direction: column;
}
Expand Down
16 changes: 8 additions & 8 deletions src/pageComponents/pre-course/DetailCurriculum/DetailCurriculum.docs.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,12 +35,12 @@ subjectList:
- 객체 μ •μ˜ 및 μ ‘κ·Ό
- 객체λ₯Ό ν™œμš”ν•œ ν”„λ‘œκ·Έλž˜λ° 기초

masterInfo:
avatar: profileCrong
name: 크둱
position: Crong, μ›Ή ν”„λ‘ νŠΈμ—”λ“œ λ§ˆμŠ€ν„°
nutshell: "β€œμ½”λ“œμŠ€μΏΌλ“œλ§Œμ˜ ν˜‘λ ₯, λ°°λ €, 즐거움을 λŠλΌλ©΄μ„œ ν”„λ‘œκ·Έλž˜λ°μ„ μ‹œμž‘ν•΄ λ³΄μ„Έμš”β€"
introduce: ν”„λ‘œκ·Έλž˜λ°μ„ μ‹œμž‘ν•  λ•ŒλŠ” 슀슀둜 ν•™μŠ΅ν•˜λŠ” 방법을 κΉ¨λ‹«κ³ , λ™λ£Œλ“€κ³Ό ν•¨κ»˜ ν•™μŠ΅ν•˜λ©΄μ„œ μ„±μž₯ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€. β€˜μ½”λ“œνˆ¬κ²Œλ”'λŠ” κ·Έλ ‡κ²Œ ν•¨κ»˜ λ°°μš°λŠ” λͺ©μ μœΌλ‘œ λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ 무엇을 해야할지 어렡지 μ•Šλ„λ‘ κ°€μž₯ ν•„μš”ν•œ λ‚΄μš©λ§Œμ„ λ‹΄μ•„ μ»€λ¦¬ν˜λŸΌμ„ κ΅¬μ„±ν–ˆμŠ΅λ‹ˆλ‹€.
masterInfoList:
- picture: profileCrong
name: 크둱
position: Crong, μ›Ή ν”„λ‘ νŠΈμ—”λ“œ λ§ˆμŠ€ν„°
nutshell: "β€œμ½”λ“œμŠ€μΏΌλ“œλ§Œμ˜ ν˜‘λ ₯, λ°°λ €, 즐거움을 λŠλΌλ©΄μ„œ ν”„λ‘œκ·Έλž˜λ°μ„ μ‹œμž‘ν•΄ λ³΄μ„Έμš”β€"
introduce: ν”„λ‘œκ·Έλž˜λ°μ„ μ‹œμž‘ν•  λ•ŒλŠ” 슀슀둜 ν•™μŠ΅ν•˜λŠ” 방법을 κΉ¨λ‹«κ³ , λ™λ£Œλ“€κ³Ό ν•¨κ»˜ ν•™μŠ΅ν•˜λ©΄μ„œ μ„±μž₯ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€. β€˜μ½”λ“œνˆ¬κ²Œλ”'λŠ” κ·Έλ ‡κ²Œ ν•¨κ»˜ λ°°μš°λŠ” λͺ©μ μœΌλ‘œ λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ 무엇을 해야할지 어렡지 μ•Šλ„λ‘ κ°€μž₯ ν•„μš”ν•œ λ‚΄μš©λ§Œμ„ λ‹΄μ•„ μ»€λ¦¬ν˜λŸΌμ„ κ΅¬μ„±ν–ˆμŠ΅λ‹ˆλ‹€.
---
```

Expand All @@ -55,8 +55,8 @@ masterInfo:

---

- masterInfo: λ§ˆμŠ€ν„°μ˜ 정보λ₯Ό μž…λ ₯ν•˜λŠ” κ³³ μž…λ‹ˆλ‹€.
- avatar: λ§ˆμŠ€ν„°μ˜ μ΄λ―Έμ§€λ‘œ λ³΄μ—¬μ§ˆ 파일의 이름을 μž…λ ₯ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
- masterInfoList: λ§ˆμŠ€ν„°μ˜ 정보λ₯Ό μž…λ ₯ν•˜λŠ” κ³³ μž…λ‹ˆλ‹€. 리슀트둜써 μ—¬λŸ¬λͺ…μ˜ λ§ˆμŠ€ν„°λ₯Ό 등둝할 수 μžˆμŠ΅λ‹ˆλ‹€.
- picture: λ§ˆμŠ€ν„°μ˜ μ΄λ―Έμ§€λ‘œ λ³΄μ—¬μ§ˆ 파일의 이름을 μž…λ ₯ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
- name: λ§ˆμŠ€ν„°μ˜ 이미지 λ°”λ‘œ μ˜†μ— λ³΄μ—¬μ§ˆ 큰 문ꡬλ₯Ό μž…λ ₯ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
- position: 이름 μ˜†μ— μ ν˜€μ§ˆ μ˜…μ€ νšŒμƒ‰μ˜ 문ꡬλ₯Ό μž…λ ₯ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
- nutshell: λ§ˆμŠ€ν„°μ˜ 이름 λ°”λ‘œ 밑에 μ ν˜€μ§ˆ 문ꡬλ₯Ό 적을 수 μžˆμŠ΅λ‹ˆλ‹€. λ”°μ˜΄ν‘œλ₯Ό μ‚¬μš©ν•˜κ³  μ‹Άλ‹€λ©΄ "β€œ~λ”°μ˜΄ν‘œλ₯Ό μ¨λ³΄μ„Έμš”β€" 와같이 μž…λ ₯ν•˜λ©΄ λ©λ‹ˆλ‹€.
Expand Down
Loading

0 comments on commit 4b1f98c

Please sign in to comment.