inflearn logo
κ°•μ˜

κ°•μ˜

N
μ±Œλ¦°μ§€

μ±Œλ¦°μ§€

λ©˜ν† λ§

λ©˜ν† λ§

N
클립

클립

λ‘œλ“œλ§΅

λ‘œλ“œλ§΅

μ§€μ‹κ³΅μœ 

πŸŽ“ ν”„λ‘ νŠΈμ—”λ“œ 개발자 λͺ¨μ§‘ – ꡐ사 μ€‘μ‹¬μ˜ μˆ˜μ—… 관리 μ„œλΉ„μŠ€ 클래슀랩(ClassLab)

422

μ΅œμ‹ μ• 
2

μ•ˆλ…•ν•˜μ„Έμš”.

λŒ€μΉ˜λ™μ—μ„œ 10λ…„κ°„ μ΄ˆΒ·μ€‘λ“± μˆ˜ν•™μ„ κ°€λ₯΄μ³€λ˜ κ²½ν—˜μ„ λ°”νƒ•μœΌλ‘œ,

ꡐ사듀이 더 효율적으둜 일할 수 μžˆλŠ” ν™˜κ²½μ„ λ§Œλ“€κ³ μž

클래슀랩(ClassLab) 을 κ°œλ°œν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

 

ν˜„μž¬ Django 기반의 λ°±μ—”λ“œ λͺ¨λΈλ§μ„ μ™„λ£Œν–ˆμœΌλ©°,

이 여정을 ν•¨κ»˜ν•  초기 핡심 멀버λ₯Ό μ°Ύκ³  μžˆμŠ΅λ‹ˆλ‹€.

 

βΈ»

 

πŸŒŸν”„λ‘œμ νŠΈ μ†Œκ°œ

클래슀랩(ClassLab) 은 학원 및 κ΅μ‚¬μš© μˆ˜μ—… 관리 μ „ 과정을

μ—‘μ…€ μ€‘μ‹¬μ˜ λΉ„νš¨μœ¨μ μΈ 업무 κ΅¬μ‘°μ—μ„œ

λ°μ΄ν„°λ² μ΄μŠ€ 기반의 톡합 μ‹œμŠ€ν…œμœΌλ‘œ μ „ν™˜ν•˜λŠ” 업무 μžλ™ν™” μ„œλΉ„μŠ€μž…λ‹ˆλ‹€.

 

μˆ˜μ—… κ³„νš, 좜결, 과제, ν…ŒμŠ€νŠΈ λ“±

ꡐ사 μ—…λ¬΄μ˜ λͺ¨λ“  단계λ₯Ό ν•˜λ‚˜μ˜ ν”Œλž«νΌμ—μ„œ 관리할 수 μžˆλ„λ‘ μ„€κ³„ν–ˆμŠ΅λ‹ˆλ‹€.

κ΅μ‚¬λŠ” 더 이상 엑셀에 μ‹œκ°„μ„ μŸμ§€ μ•Šκ³ ,

학생 κ΅μœ‘μ— 집쀑할 수 μžˆλŠ” ν™˜κ²½μ„ λͺ©ν‘œλ‘œ ν•©λ‹ˆλ‹€.

 

βΈ»

 

βš™κΈ°μˆ  μŠ€νƒ

β€’ Vue.js λ˜λŠ” React.js (선택 κ°€λŠ₯)

β€’ Tabulator.js – μ›Ήμ—‘μ…€ν˜• ν…Œμ΄λΈ” UI

β€’ Chart.js – ν•™μŠ΅ 톡계 및 리포트 μ‹œκ°ν™”

β€’ Django REST API 연동

 

βΈ»

 

πŸŽ¨λ””μžμΈ / 기획

ν˜„μž¬ 핡심 κΈ°λŠ₯에 λŒ€ν•œ μ™€μ΄μ–΄ν”„λ ˆμž„μ΄ μ€€λΉ„λ˜μ–΄ 있으며,

ν•©λ₯˜ν•˜μ‹€ κ°œλ°œμžλΆ„κ³Ό ν•¨κ»˜ μ‚¬μš©μž κ²½ν—˜(UX)을 λ…Όμ˜ν•˜λ©° UIλ₯Ό κ΅¬μ²΄ν™”ν•΄λ‚˜κ°ˆ μ˜ˆμ •μž…λ‹ˆλ‹€.

UI/UX 섀계에도 직접 μ°Έμ—¬ν•˜κ³  κΈ°μ—¬ν•  κΈ°νšŒκ°€ μ—΄λ € μžˆμŠ΅λ‹ˆλ‹€.

 

βΈ»

 

πŸ—“κ°œλ°œ κΈ°κ°„ / μž‘μ—… λΆ„λŸ‰

β€’ 총 15νŽ˜μ΄μ§€ 규λͺ¨

β€’ 핡심 8νŽ˜μ΄μ§€ β†’ 12μ›” λ§κΉŒμ§€ (MVP μ™„μ„±)

β€’ μž”μ—¬ 7νŽ˜μ΄μ§€ β†’ 2μ›” μ΄ˆκΉŒμ§€ (정식 런칭 및 정뢀지원사업 μ‹ μ²­ 마감)

β€’ λ°±μ—”λ“œμ™€ ν”„λ‘ νŠΈ λ™μ‹œ μ§„ν–‰ (곡유 μ§„λ„ν‘œ 기반 ν˜‘μ—…)

β€’ 11μ›” 초 ν•©λ₯˜ 희망 (μ¦‰μ‹œ ν˜‘μ—… κ°€λŠ₯자 μš°λŒ€)

 

βΈ»

 

πŸ’‘ν˜„μž¬ μ§„ν–‰ 상황

β€’ Django λ°±μ—”λ“œ 핡심 ꡬ쑰 ν™•μ •

β€’ κ΄€λ¦¬μž(admin) ν™”λ©΄ 1μ°¨ ꡬ성 μ™„λ£Œ

β€’ μ£Όμš” API 및 ν™”λ©΄ κΈ°λŠ₯ μ •μ˜ 단계

β€’ μ„œμšΈ(λŒ€μΉ˜λ™) 학원 파일럿 ν™˜κ²½μ—μ„œ μ‹€μ œ 운영 ν…ŒμŠ€νŠΈ μ˜ˆμ •

 

βΈ»

 

πŸ€μ°Έμ—¬ ν˜•νƒœ / 보상

β€’ 초기 핡심 λ©€λ²„λ‘œ ν•©λ₯˜ν•˜μ—¬ 기여도에 따라 μ§€λΆ„(Stock Option) ν˜‘μ˜

β€’ 맀좜 λ°œμƒ μ‹œ 수읡 λ°°λΆ„ ν˜•νƒœλ‘œ 보상 μ§„ν–‰

β€’ 정뢀지원사업 곡동 μ°Έμ—¬, μ„ μ • μ‹œ κΈ‰μ—¬ μ „ν™˜ 및 정식 계약 체결

 

βΈ»

 

πŸ§©μ§€μ› λŒ€μƒ

β€’ React/Vue 쀑 ν•œ ν”„λ ˆμž„μ›Œν¬μ— μ΅μˆ™ν•˜μ‹  λΆ„

β€’ μ›Ήμ—‘μ…€(Tabulator) λ˜λŠ” λŒ€μ‹œλ³΄λ“œ UI κ²½ν—˜μ΄ μžˆλŠ” λΆ„

β€’ JSON 기반 동적 μž…λ ₯/ν…Œμ΄λΈ” ꡬ쑰λ₯Ό μ΄ν•΄ν•˜μ‹œλŠ” λΆ„

β€’ ꡐ윑 μ„œλΉ„μŠ€, SaaS, 데이터 μ‹œκ°ν™” 도메인에 관심 μžˆλŠ” λΆ„

 

βΈ»

 

πŸš€ν•¨κ»˜ λ§Œλ“€μ–΄κ°ˆ 일듀

β€’ μ œν’ˆ ꡬ쑰와 λ°©ν–₯ 섀계

Django REST API와 ν”„λ‘ νŠΈμ—”λ“œ ꡬ쑰λ₯Ό ν•¨κ»˜ λ§žμΆ”λ©°,

μ‹€μ œ μˆ˜μ—… ν˜„μž₯μ—μ„œ λ°œμƒν•  μ‹œλ‚˜λ¦¬μ˜€λ₯Ό κ³ λ €ν•΄ 데이터λ₯Ό μ„€κ³„ν•©λ‹ˆλ‹€.

클래슀랩의 첫 ν”„λ‘ νŠΈμ—”λ“œ λ©€λ²„λ‘œμ„œ

UI/UX의 μ›ν˜•μ„ ν•¨κ»˜ λ§Œλ“€μ–΄κ°€λ©° 기술과 μ œν’ˆμ˜ λ°©ν–₯을 ν•¨κ»˜ κ²°μ •ν•©λ‹ˆλ‹€.

β€’ ν”„λ‘ νŠΈμ—”λ“œ ꡬ쑰 및 μΈν„°λž™μ…˜ 섀계

Vue/React 쀑 μ„ νƒλœ μŠ€νƒμœΌλ‘œ,

데이터 μž…λ ₯κ³Ό νŽΈμ§‘μ΄ κ°€λŠ₯ν•œ κ΅μ‚¬μš© ν…Œμ΄λΈ”ν˜• μΈν„°νŽ˜μ΄μŠ€λ₯Ό μ„€κ³„ν•©λ‹ˆλ‹€.

μ‹€μ œ μˆ˜μ—… 운영 흐름에 맞게 μ»΄ν¬λ„ŒνŠΈ ꡬ쑰와 μ‚¬μš©μž 동선을 μ •μ˜ν•©λ‹ˆλ‹€.

β€’ μˆ˜μ—… 데이터와 μ‹œκ°ν™” μ—°κ²°

μˆ˜μ—… 데이터 ν…Œμ΄λΈ”(Tabulator)을 기반으둜,

μΆœμ„Β·κ³Όμ œΒ·μ„±μ  데이터λ₯Ό μ‹œκ°ν™”(Chart.js)ν•©λ‹ˆλ‹€.

ꡐ사와 학생 λͺ¨λ‘κ°€ μ§κ΄€μ μœΌλ‘œ 이해할 수 μžˆλŠ” 리포트λ₯Ό μ„€κ³„ν•˜λ©°,

데이터 ꡬ쑰와 UI의 일관성을 ν•¨κ»˜ κ³ λ €ν•©λ‹ˆλ‹€.

 

βΈ»

 

πŸ“μœ„μΉ˜ / 근무 방식

β€’ 100% λΉ„λŒ€λ©΄ ν˜‘μ—… (Slack / Notion / GitHub μ‚¬μš©)

β€’ ν•„μš” μ‹œ 온라인 λ―ΈνŒ… λ˜λŠ” μ˜€ν”„λΌμΈ 회의 ν˜‘μ˜ κ°€λŠ₯

 

βΈ»

 

πŸ“žμ§€μ› / 문의

GitHub λ˜λŠ” 포트폴리였λ₯Ό μ•„λž˜ μ˜€ν”ˆμΉ΄ν†‘μœΌλ‘œ μ „λ‹¬ν•΄μ£Όμ„Έμš”.

ν”„λ‘œμ νŠΈμ— λŒ€ν•΄ κΆκΈˆν•œ 점이 μžˆλ‹€λ©΄ νŽΈν•˜κ²Œ λ¬Έμ˜μ£Όμ…”λ„ μ’‹μŠ΅λ‹ˆλ‹€.

 

πŸ‘‰https://open.kakao.com/o/s5NSefXh

λ‹΅λ³€ 0