본문 바로가기
개발새발 대외활동/PM | 스파르타코딩클럽 IT 교육 매니저 프로그램

실습 | 스파르타코딩클럽 강의 UX(사용자 경험) 개선안 도출

by 카랑현석 2025. 1. 28.

결과물

발표 PPT

IT교육매니저프로그램_스파르타코딩클럽왕초보웹개발_UX(사용자경험) 고려 개선안 도출.pdf
0.93MB

 

본문

Notion_IT교육매니저프로그램_스파르타코딩클럽왕초보웹개발_UX(사용자경험) 고려 개선안 도출.pdf
1.79MB

 

과정

0. 강의 듣고 문제 사항 정의

 

1. HRD-NET 리뷰 1~30회차 데이터 가져오기

python으로 동적 크롤링 하는 대신, js로 일일이 크롤링 진행

 

2. Perflexity 를 이용하여 통계 내기

 

3. Python을 활용하여 시각화

 

4. 아이디어 + Insight 도출

 

강의 개요

 

본캠프 시작 전에 ‘사전캠프’기간에 선수학습으로 진행되는 강의이다.



본캠프 커리큘럼 이해

랜딩커리큘럼을 캡쳐해서 넣어주세요. 필요하다면 로드맵처럼 도식화해주셔도 좋습니다!

 

주차 학습 키워드 교육 내용
1주차 미니 프로젝트 🌐 웹 개발 미니 프로젝트 (1주)
• 와이어 프레임 설계, Rest API 문서 작성
• Git, Github 실습
2-3주차 Java ☕ Java 언어 기초와 활용 (2주)
• Java 문법 · 객체지향 프로그래밍
• 계산기 만들기 실습 과제
4-7주차 Spring 기초 🌱 Spring 기초와 활용 (4주)
• Spring 입문 (MVC, DB, 인증)
• 서버 구현 기초 실습 과제

🌐 뉴스피드 프로젝트
• Spring 기초와 활용 관련
8-9주차 Spring 심화 🌱 Spring 심화와 적용 (2주)
• Spring 심화 (시큐리티, JWT, AOP, 테스트)
• 로그인,회원가입 실습 과제

🌐 백오피스 프로젝트
• Spring 심화와 적용 관련
10-12주차 DB ⚙️ 백엔드 역량 강화 프로젝트 (3주)
• 데이터 처리 심화 (JDBC, MyBatis)
• 수준별 과제

🌐 대용량 트래픽 프로젝트
• 백엔드 역량 강화 프로젝트 관련

13-18주차 최종 프로젝트 🌐 최종 프로젝트 (6주)
• 프로젝트 기획 및 기술 문서 작성
• MVP 개발
• 성능 최적화 및 코드 개선
• 테스트 및 성능 개선

 

강의 커리큘럼 이해

0. 왜 [왕초보] 웹개발 종합반을 선택했는지?

→ 웹은 범용성이 넓고 결과물을 가시적으로 볼 수 있어서 첫 개발 입문에 적합하다. 일주일에 1시간을 공부하면 웹을 만들 수 있을 것이라는 기대감이 있어 웹개발 종합반을 선택했다.

  • JAVA, Spring 반은 부트캠프의 베스트셀러 (메인 메뉴)
  • 웹의 대한 이해 범용성이 크다. → 앱 하는 사람들도 웹의 통신을 알아야하고, python flask도 웹의 대한 라우팅 개념을 알아야 하고, 데이터 수집이나 업무 자동화를 하려면 js와 python 지식이 필요하다!

 

1. 강의를 수강하면서 커리큘럼의 흐름을 적어보세요.

[커리큘럼 별 직접 구현 코드 내용]

 

GitHub - HwangHyeonseok/teamsprta-web_dev_comprehensive: [팀스파르타] (왕초보) 웹개발 종합반 커리큘럼

[팀스파르타] (왕초보) 웹개발 종합반 커리큘럼. Contribute to HwangHyeonseok/teamsprta-web_dev_comprehensive development by creating an account on GitHub.

github.com

[왕초보] 웹개발 종합반 커리큘럼 (직접 제작)

 

  • 이론 개론 → 실습 → 이론 설명 → 숙제

 

2. 본캠프 내용을 배우기 전에 사전 학습하기에 적절한지 살펴보세요.

 

🔎 사전캠프와 본캠프의 연결성 점검

구분 사전캠프(5주) 본캠프(18주)
웹 기초 HTML, CSS, JS, jQuery, fetch Spring 기반 웹 서버 개발 (MVC, REST API)
개발 환경 개발 환경 세팅(VS Code, Git) GitHub 실습, Rest API 설계, 버전 관리 심화
데이터 처리 Firebase 데이터베이스 실습 MySQL, JDBC, MyBatis, 대용량 트래픽 처리
배포 경험 GitHub Pages로 웹사이트 배포 실무형 서비스 배포(Docker, AWS, CI/CD 가능)
협업 및 실습 GitHub을 통한 기본 협업 경험 프로젝트 기반 팀 협업(Agile, 코드 리뷰, 버전 관리)

 

사전캠프 커리큘럼 점검 및 개선 방향

문제점:

  • HTML/CSS/JavaScript 위주의 프론트엔드 중심 학습이 많고, Java 및 백엔드 기초가 부족합니다.
  • 본캠프의 Spring, Java 기반 학습과의 연결이 약합니다.

개선 방향:

  • Java 기본 문법과 간단하게 학습하면 좋을 것 같습니다.

 

사전캠프 개선안 도출

커리큘럼 측면

0. 평가 및 고려 요소

 

I. 난이도 수준 정의

더보기
  • 선행 논문 ‘비프로그래밍 경험자를 위한 프로그래밍 능력 평가지표 개발’ 에서 비프로그래밍 경험자를 대상으로 프로그래밍 능력 평가지표를 사용하여 프로그래밍 공부 시 학습자의 프로그래밍 능력을 평가할 수 있음을 보였습니다.
  • 하지만, 비프로그래밍 경험자부터 프로그래밍 경험자의 정확한 수준을 구분 짓는 선행 연구는 없는 실정입니다. 따라서 아래 표와 같이 0단계~4단계로 프로그래밍 난이도 수준을 구분하여 설명할 예정입니다.
  • 0단계~1단계 수준으로 충분히 학습이 가능하다면 긍정적으로 보았습니다.
  • → 내일배움캠프의 비전공자 비율은 평균 70% 이상이기 때문입니다.
 

스파르타코딩클럽 고객센터

도움이 필요하신가요? 무엇이든 물어보세요!

support.spartacodingclub.kr

 

프로그래밍 수준
0단계 : 코딩 비전문가 (비개발자) ● 프로그래밍 지식 없음
● 기본 개념(변수, 조건문, 반복문 등)을 전혀 모름
● 개발 도구나 환경 설정 경험 없음
1단계 : 코딩 입문자 기초 문법 이해 → 변수, 자료형, 조건문, 반복문 사용 가능
IDE/개발 환경 설치 경험 있음
간단한 프로그램 작성 → Hello World, 사칙연산 계산기 작성 가능
2단계: 기초 개발자 (IT 학부생 수준) 자료구조 및 알고리즘 기초 이해 → 배열, 리스트, 스택, 큐, 정렬 알고리즘
간단한 프로젝트 진행 → 제한적인 CRUD 기능 프로그램 개발 경험
Git 사용 경험 → 기본적인 커밋, 푸시, 클론 가능
● 제한적으로 오류 발생 시 스스로 해결 가능
3단계 : 준전문 개발자 (IT 졸업생 수준) 간단한 알고리즘 문제 해결 능력
웹/앱 서비스 개발 가능 → 프레임워크(Spring, Vue 등) 활용
DB 연동 및 API 사용 가능
팀 프로젝트 경험 → Git 협업, 문서화 경험 있음
4단계 : 실무형 개발자 (IT 기업 신입 수준) 프론트엔드/백엔드 아키텍처 설계 및 구현 가능
CI/CD, 배포 경험 → Docker, Jenkins, AWS 사용 가능
효율적인 코드 작성 및 리팩토링 가능
기본적인 보안 및 최적화 지식
오류 발생 시 스스로 해결 가능
API 문서로 스스로 학습 가능

II. 내용 구성/실습 내용 고려 요소

더보기
  • 내용 구성 : 난이도 수준 정의에서 정의한 0단계 교육생이 학습할 수 있는 구성인지 확인하고자 하였습니다.
  • 실습 내용 : 강의 시간 배운 내용 안에서 충분히 해결이 가능한지 확인하고자 하였습니다.

III. 수강생은 무엇이 중요했을까?

더보기

교육생들은 교육을 들을 때 어떤 점이 중요했을까? (스파르타코딩클럽 [왕초보] 5주 완성 웹개발 종합반 HRD-NET 리뷰 1회차~30회차 수집 및 분석 결과)

 

난이도 #초보자 #진도 #속도 약 45회
친절한 설명/피드백 #질문에 대한 신속한 답변 #상세한 설명 #도움 약 35회
과제/실습 #결과물 #웹사이트 제작 #직접 만들기 약 30회
재미있다/흥미롭다 #코딩에 대한 관심 #새로운 분야 학습 #성취감 약 25회
온라인 수강 #편리함 #시간/장소 제약 없음 #반복 학습 가능 13건
[왕초보] 5주 완성 웹개발 종합반 주요 리뷰 키워드

 

1. 사전캠프 강의에서 좋은 점은 무엇이였나요? (난이도, 내용구성, 실습 내용 등)

더보기

교육생들은 어떤 점에서 만족을 느꼈을까? (스파르타코딩클럽 [왕초보] 5주 완성 웹개발 종합반 HRD-NET 리뷰 1회차~30회차 수집 및 분석 결과)

  • 쉽다/이해하기 쉽다 (27)
  • 친절하다 (15)
  • 재미있다 (14)
  • 유익하다 (12)
  • 기초/기본 (11)
  • 실습 (8)
[왕초보] 5주 완성 웹개발 종합반 ❘ 주요 긍정 키워드 빈도수

 

→ 쉽고 실습을 통해 이론 내용을 적용할 수 있다. 과제 피드백을 잘 해준다는 긍정적인 평가가 있었습니다.

 

난이도 - 추천 대상 : 1단계 ~ 2단계 개발자

  • 교육생들이 가장 큰 만족을 느낀 부분
  • 개발 2단계 수준 이상이 충분히 수행할 수 있습니다.
  • 기본 문법에 대한 감각이 없는 0단계~1단계의 경우 forEach 등의 문법 학습, 오류 발생 등에서 이해가 아닌 따라 치다가 끝나는 경우가 많을 것으로 예상됩니다.
  • 강의 난이도 : 2단계 수준
    • 아래와 같은 강의 구성이지만 깊은 내용은 학습하지 않으면서 결과물을 볼 수 있는 최소한의 개념만 학습한다.
      • back-end : firebase
      • 배포 및 CI/CD : Github, Github Pages
      • front-end : HTML+CSS+JS, JQuery, fetch
  • 설명 난이도 : 1단계 수준
    • IT 이론을 IT 용어를 최대한 넣지 않고 초보자가 익숙하고 쉬운 언어로 설명
    • 생소한 키보드 입력을 요하는 경우, 친절하게 설명
    키보드 설명 강의 차시
  •  
    키보드 설명 강의 차시
    ` (백틱) 백틱은 1 왼쪽에 있다.
    백틱은 shift와 함께 누르면 ~로 표시되는 곳이다.
    2-11 JQuery 연습하기
     
    • 강의 내용이 많아질 때 따라가기 힘듦을 공감하면서 계속 안심을 주는 멘트가 강의를 듣는 처자로 하여금 지치지 않도록 하였다.
    • 각 이론에 대한 용어 설명을 쉽게 해준 점이 좋았다.
    용어 설명 강의 차시
    데이터베이스 데이터베이스는 데이터를 빠르게 찾아주는 프로그램이다.

    파이어베이스 : 남이 만들어 놓은 데이터 베이스다.
    4-3 데이터베이스 개념 이해하기
    프로토콜 개념(https, http) 여러가지 요청(똑똑똑..)의 방법이 있는데 https와 http가 그 중 하나의 방법이다.

    https → security
    요청을 주고 받을 때 뭘 요청하고 뭘 주는지 보지 못한다. → 보안 강화된 방식
    5-4 배포가 뭐예요?
    포로토콜 + 도메인 + 경로 개념 https://spartcodingclub.kr/catalog


    spartcodingclub.kr 이라는 컴퓨터에 접속해서 catalog라는 창구에 https방식으로 요청(똑똑~) 한다.
    5-4 배포가 뭐예요?

내용 구성

  • 초보자가 쉽게 웹의 전체적인 개괄을 볼 수 있도록 한 커리큘럼으로 구성되어 있습니다.
  • 결과물을 확인하고 문법 설명을 하는 구성으로 추상적인 개념에 대한 이해도를 크게 향상 시켰습니다.

 

실습 내용

  • 배운 이론을 바로 프로젝트에 적용할 수 있도록 한 점이 좋았습니다.
    • 문법을 외우도록 하는 것이 아니라 이해하고 활용할 수 있도록 유도 하였습니다.
  • 프로젝트 할 때 Todo(해야 할 일)을 알려주어서 좋았습니다. 힌트를 들은 다음 멈추고 스스로 해볼 수 있었습니다.
  • 하지만, 실력 향상을 위해 스스로 시행착오를 해볼 수 있도록 힌트를 주고 ‘멈추고 해보세요.’ 등의 멘트를 추가해주면 더 좋을 것 같습니다.
  • 특히 3개의 실습(추억앨범과 스파르타플릭스, 푸드파이터 과제)을 통해 여러 상황에서 배운 내용을 적용할 수 있다는 점이 좋았습니다.
  • → 근거) 논문 ‘프로그래밍 학습에서 학습자의 어려움 분석(최정원, 이영준 저)’ 에 따르면 ‘프로그래밍 개념을 정확하게 이해하고 내면화하기 위한 전략을 잘 사용하는 것이 중요’ 하다는 부분과 과제 제공을 통해 ‘문제 해결 과정에 대해 자유롭게 사고할 수 있는 전략’, ‘다양한 문제 해결 경험을 제공’ 한다는 점에서 효율적인 프로그래밍 공부에 기여한다고 판단하였습니다.
프로그래밍 학습에서 학습자의 어려움 분석 (1).pdf
0.35MB

 

2. 사전캠프 강의에서 아쉬운 점은 무엇이였나요? (난이도, 내용구성, 실습 내용 등)

더보기

왜 만족을 하지 못했을까? (스파르타코딩클럽 [왕초보] 5주 완성 웹개발 종합반 HRD-NET 리뷰 1회차~30회차 수집 및 분석 결과)

  • 어렵다 (19)
  • 부족하다 (7)
  • 아쉽다 (6)
  • 힘들다 (5)
  • 빠르다 (4)
  • 따라가기 어렵다 (4)
  • 복잡하다 (3)
  • 시간이 부족하다 (3)
  • 설명이 부족하다 (3)
  • 기초가 부족하다 (2)
[왕초보] 5주 완성 웹개발 종합반 ❘ 주요 부정 키워드 빈도수

 

  • 난이도 - 추천 대상 : 1단계~2단계 개발자
    • 스파르타코딩클럽 [왕초보] 5주 완성 웹개발 종합반 HRD-NET 리뷰 1회차~30회차 수집 및 분석 결과(324개) 강의 난이도가 초보자가 느끼기에는 어렵다는 의견이 많았습니다.
    • ‘왕초보’ 라는 문구를 보고 들어왔다가 따라치고 끝나는 경우가 많았습니다.
  • 내용 구성
    • 단순히 따라하기보다는 이론과 개념 설명이 더 보강되었으면 좋겠습니다.
    • → 이론과 실습의 비율 조정
    • → 복사 붙여넣기 따라하기보다는 기초 지식이 쌓일 수 있도록 이론 교육도 같이 했으면 좋겠습니다.
     🗣 HRD 리뷰
  • "복사 붙여넣기 따라하기보다는 기초지식이 쌓일 수 있도록 이론 교육도 같이 했으면 좋겠다.”
  • "기초적인 부분에 대한 이해 없이 빠르게 넘어가 힘들었다.”

 

  • 실습 내용
    • 3주차는 jQuery를 중점적으로 배웠는데, 숙제는 HTML+CSS 꾸미기로 제공되어 3주차 내용을 바로 적용하지 못하거나 1,2주차의 내용을 까먹은 경우가 있었습니다.
    • 실력 향상을 위해 스스로 시행착오를 해볼 수 있도록 힌트를 주고 ‘멈추고 해보세요.’ 등의 멘트를 추가해주면 더 좋을 것 같습니다.
    • 부트스트랩에 대한 실습과 설명이 너무 길었습니다.
  • 운영 방식
    • 💡 Solution
      화살표 이모지가 중의적이다.

      • 일주일마다 정해진 주차의 강의를 수강할 수 없다. → 1월 17일이라면 1월 25일에 오픈하는 3주차 강의를 들을 수 없다. → 미리 수강하고 싶은데 기다려야 하는 불편함
      • 미리 수강하고 싶은데 1월 19일에 경고표시로 나와있는 날짜가 강의 오픈일이 아니다. → 해당 경고 컴포넌트가 해당일자에 강의가 open 되는지 close 되는지 이해하기 모호함
    • 💡Solution
    • 권장일자라면, ⚠️ 2월 5일(일) → 📅 2월 5일(일)까지 수강 권장
    • 강의오픈일자라면, ⚠️ 2월 5일(일) → 📅 2월 5일(일)부터 수강 가능 / 📅 2월 5일(일) ~

3. Summary / 조금 더 생각해보기

더보기

장점 : 기초를 쉽게 가르쳐준다, 친절하다, 실습 피드백을 해준다

문제점 : 어렵다, 진도, 기초 설명 부족, 과제 난이도 어려움

 

장점과 단점이 충돌, 왜 그럴까?

 

→ 개발 경험이 있는 사람들이 느끼는 강의 = 쉬운 편

  • “저는 전공자인데, 이 과정을 웹 프로그래밍의 기초(html, css)를 다질 수 있고, 또한, firebase DB 사용법을 새로 알게 되었습니다.”
  • 회사에서 어느 정도 배운 부분이 있어서 따라가기 쉬웠습니다. 그래도 뒷 부분은 좀 어려웠네요^^ 재미있었습니다.”
  • 대학교때 배운 이후로 다시 접해보았는데 정말 좋았습니다. 거의 처음배우는거나 다름없던 저에게 정말 좋은 강의였습니다.”

→ 반면 개발 초보자 가 느끼는 강의 = 어려운 편

  • "완전 처음하는 사람들은 의미도 모르고 따라서 복붙만 하기 바쁩니다.."
  • "제 기준에서는 왕초보자의 기준이 아닌것 같습니다."
  • "너무 어렵다..초보과정은 아님."
  • "전문적인 역량으로 알려주시는데, 제가 따라가기에는 조금 어려웠던거 같아요"
  • "왕초보를 보고 수강신청 하였는데 진도에 따라가려고 하니 너무 힘이 들었다."
  • "짦은 기간동안 수강하면서 속도가 빨라 따라가기가 어려웠습니다."
  • "초반에는 어려워서 따라가는 것이 쉽지않아서 제때 과제를 수행하지 못하고 따라가지 못한 점이 아쉽습니다."

 

4. 본캠프에서 학습하기 전 제공되었으면 하는 추가 강의나, 해당 강의에서 개선되면 좋을 부분을 적어주세요. (단, 본격적인 학습은 본캠프에서 이루어진다는 것을 감안하고 적어주세요!)

더보기
  • 추가 되었으면 하는 강의
    • 컴퓨팅적 사고를 키울 수 있는 변수, 자료형, 반복문, 조건문 등의 문법 강의 제공이 별도로 필요함
    • 웹에 적용될 수 있는 알고리즘 사례를 설명해주면 좋음
  • 개선/수정이 필요한 부분
    • → 학습자 부담 가중
    •   강의 문제 사항 개선 사항
    • 강의 문제 사항 개선 사항
      2-2~2-4 [스파르타플릭스] 프로젝트 • 실습 진도가 다소 빠릅니다. • 조금 더 반복적이고 천천히 설명해 주실 필요가 있어 보입니다.
      3주차_숙제_HTML, CSS를 활용하여 화면 만들기 • 다른 사이트로 이동되는 링크 클릭 시 현재 창에서 이동하여 스파르타코딩클럽 화면이 없어진다.

      • 과제에서 이미지가 제공되지 않아 일일이 다운로드하기 번거롭다.

      • 이미지 경로에 관한 부분은 학습하지 않았는데, 과제를 해결하려면 경로 관련 지식이 필요하다. (절대 경로, 상대 경로)
      <img src="경로" ... >

      • 코딩을 전혀 처음하는 사람들에게는 과제 난이도가 있는 편이다. 따라서 풀이를 하지 못하는 사람들이 존재할 것 같다.

      • 1주차부터 커리큘럼대로 왔다면 3주차까지 3주가 걸려 1~2주차의 내용을 까먹었을 것 같다.
      • 다른 사이트로 이동되는 링크가 새 창으로 열리도록 개선되었으면 좋겠다.


      • 테스트용 이미지가 있었으면 좋겠다.


      • 이미지를 넣는 부분에서 경로에 대한 개념을 강의 중간에 언급한다.





      • 풀이를 하지 못하는 사람들을 위해 솔루션이나 과제 피드백을 제공해준다.


      • 2주차 HTML + CSS 응용 과제 부여
      • 3주차 jQuery 응용 과제 부여
      4-2 Firebase 시작하기 • 영상에서 설명해주시는 Firebase 홈페이지와 현재 Firebase 홈페이지와 다릅니다. • 강의 최신화가 필요해 보입니다.
      4-4 Firestore Database 시작하기 • firebase api 키를 깃허브에 올리는 경우 보안 이슈가 발생하지는 않지만, 다른 api 키의 경우 보안 이슈가 발생할 수 있으므로 이런 점을 주의 시키는 것이 좋아보입니다.

      5-7 배포한 것 수정하기 및 주의 사항에서 설명 해주네요.
      • 깃허브를 이미 알고 있지만, api 키 노출의 위험성을 모르는 사람들을 위해 깃허브 올릴 땐 조심해야 한다는 언급을 해주셨으면 좋겠습니다.
      5주차 숙제 • firebase에 값을 삽입하는 addDoc 함수의 형태가 기존 배우던 것과 숙제와 달라 어려움을 겪는 수강생이 존재할 것으로 보여집니다.

      [강의 내용]

      let doc = {
      'image':image,
      'title':title,
      'content':content,
      'date':date
      };
      await addDoc(collection(db, "albums"), doc);


      [과제 내용]

      const docRef = await addDoc(collection(db, "foods"), {                   
      // 각각 담은 변수를 컬렉션 필드에 title, comment, image에 각각 넣어주세요.                    'image' : image,                    'title' : title,                    'star' : star,                    'comment' : comment                });
      • 과제 힌트 제공 → 스스로 탐구할 수 있도록 유도
      • 💡 Solution
        • Sol 1. 많이 어려워하는 구간 파악 및 진도 조절 
          • 복습 강의 추가
          • 진도 선택 옵션 제공 (빠른/보통/느린 진도)
        • Sol 2. 트랙 시작 전 간단한 테스트를 통해 강의가 맞는지 스스로 진단할 수 있는 요소 추가
          • 프리트랙(Pre-track)을 통해 자가 진단 테스트
          Ex) 코드트리 자가 진단 , UI/UX 테스트
        • Sol 3. 숙제 난이도를 상, 중, 하로 구분하여 ‘하’ 부터 점진적으로 문제 해결을 할 수 있도록 유도
          • ‘하’ 단계 : 이론 시간에 배웠던 내용 범위 안에서 제한적 과제 수행
          • ‘중’ 단계 : 이론 시간에 배웠던 내용 범위 안에서 응용 및 활용 과제 수행
          • ‘상’ 단계 : 이론 시간에 배웠던 내용과 알고리즘, 외부 데이터를 활용하여 복합적인 기능 제작 과제 수행
          • ‘하’ 단계 과제 제출 시 다음 강의로 넘어갈 수 있다. (’중’, ‘상’ 단계는 선택 요소)
          • 하 → 중 → 상 으로 하나의 숙제가 점점 업그레이드 되는 방식 → 성취/재미 부여
          • 같은 강의 수강생의 실력 편차가 존재하는 문제 개선

4-1. 개선안을 바탕으로 기대되는 효과를 적어주세요. (~하게 개선하면, ~될 것이다.)

더보기
  • 실습의 경우 설명을 추가하고 반복적으로 설명하는 방식으로 개선되면 어려움을 느끼는 사람들이 줄어들 것입니다.
  • 숙제의 경우 난이도를 ‘상’, ‘중’, ‘하’로 구분하고, ‘하’, ‘중’ 단계에는 이론 시간 내에서 배운 내용을 활용할 수 있는 범위로 부여, ‘상’ 단계에는 응용할 수 있는 부분을 적용한다면 교육생 수준 차이로 인한 문제를 개선하고 이탈을 줄이며 만족도를 향상시킬 수 있을 것입니다.

4-2. 실제로 효과가 있었는지 살펴볼 수 있는 데이터는 무엇이 있을지 고민해보고 적어주세요.

더보기
  • 스파르타코딩클럽 [왕초보] 5주 완성 웹개발 종합반 HRD-NET 1회차~30회차 리뷰/만족도 데이터 활용
  • 실습의 경우 설명을 추가하고 반복적으로 설명하는 방식으로 개선되면 어려움을 느끼는 사람들이 줄어들 것입니다.

🗣 [수요 확인]

“결과물 만드는 데에 급급해서 기초적인 부분들에 대한 이해 없이 빠르게 넘어가기 때문에… 힘들었습니다. 차라리 무료로 얼마든지 볼 수 있는 유튜브 강의들이 훨씬 유익했습니다.”

”짧은 시간 안에 많은 부분을 생략하고 부트스트랩에만 너무 많은 시간을 투자했습니다.”

”강의 시간이 너무 짧은 만큼 유튜브등으로 따로 복습을 해야하는점이 사실 조금 아쉬웠습니다.”

  • 숙제의 경우 이론 시간 내에서 배운 내용을 활용할 수 있는 범위로 부여하도록 디테일을 신경 쓴다면 성취를 느낄 수 있을 것입니다. → 특히 3주차 숙제, 5주차 숙제 구간에서 많이 이탈했을 가능성이 많고 이 부분을 개선할 수 있습니다.

🗣 [수요 확인]

“숙제가 난이도가 높아서 조금 아쉬웠습니다."

”왕초보가 듣기엔 숙제하기가 넘 힘듦”

”쉬운 기초 지식을 얻기에는 좋으나 너무나 단편적임.”

 

운영 측면

1. 본캠프에 더 잘 적응하기 위해서 강의를 들으면서 해보면 좋을만한 활동이나 운영방식이 있다면 무엇이 있을까요?

 

‘나’를 소개합니다.

 

📝 활동 내용:

      • 본캠프 시작 전, 자신의 개발 역량과 관심 분야를 점검하고 본인의 학습 목표를 구체화합니다.
      • "내가 왜 개발을 배우고 싶은가?", "어떤 부분에서 자신이 있는가?", "어떤 점이 부족하다고 느끼는가?, “나는 어떤 것에 관심이 많은가?” 를 스스로에게 물어봅니다.

🔎 운영 방식:

    • 자기 진단 체크리스트 제공 → HTML/CSS/JavaScript/Spring/Java 등의 역량 점검
    • ‘나’ 관심사 게시판 → 게시판 등록을 통해 자신의 관심사를 올릴 수 있도록 함

🎯 기대 효과:

  • 자신의 강점과 약점을 인식하고, 본인만의 속도로 학습할 수 있도록 방향성을 확립
  • 스스로 계획하고 실행하는 습관 형성 → 본캠프 프로젝트 진행 시 자기 주도성 강화

 

2. 사용자 경험에서 가장 우려되는 부분은 무엇인가요?

 

1️⃣ 초보자에게 과도한 부담감

 

📝 문제점:

  • 기초 지식 부족으로 인해 프로젝트 완성까지 부담을 느낄 수 있음 → 개념을 학습하는 것이 아니라 완성에만 초점을 둘 수 있음
  • 특히 fetch API, Firebase 연동, 배포 단계에서 어려움을 겪을 가능성이 큼
  • 단계별 연결이 잘못되면 뒤처지거나 포기할 수 있음

💡 개선 방향:

  • 단계별 체크리스트 제공 → "지금 이 단계에서 뭘 해야 할지"와 “어떤 개념을 학습해야 할 지”를 명확히 안내
  • 예제 코드템플릿 제공 → 완전히 새로 만들지 않고 수정하며 학습
  • 추가 도전 과제필수 과제를 분리해 선택적 학습 유도

 

2️⃣ 인터페이스 변화로 인한 혼란으로 부담감 가중

(좌) 강의 화면 (우) 2025년 실제 화면

📝 문제점:

  • GitHub이나 Firebase와 같은 외부 플랫폼은 수시로 UI/UX가 변경되기 때문에,강의에서 제공하는 화면과 실제 사이트 화면이 달라 학습자들이 혼란을 겪을 수 있음
  • 특히 초보자는 버튼 위치나 메뉴 변경만으로도 진행이 막히거나 과정을 중단할 가능성이 큼
  • AI 챗봇이나 멘토링 서비스가 있어도 화면 차이로 인해 질문 자체가 어렵거나 적절한 질문을 찾기 어려울 수 있음

💡 개선 방향:

  1. 플랫폼 변경에 유연한 가이드 제공
    • GitHub, Firebase 등 주요 플랫폼의 UI 변화에 대응할 수 있도록 업데이트 가이드 제공
    • 정기적인 가이드 점검 및 최신 화면으로 교체된 스크린샷 자료 제공
    • 버튼이나 메뉴 이름이 바뀔 경우를 대비한 텍스트 기반 설명 강화 (예: "Settings(설정) → Pages(페이지)" → 버튼 명 변경 시에도 쉽게 이해하도록)
  2. 영상 하단에 최신 링크 및 안내 추가
    • 강의 영상 하단 또는 강의 자료에 최신 UI와의 차이를 설명하는 업데이트 노트 추가
    • GitHub, Firebase의 주요 기능 변경 시 이를 반영한 요약 가이드 제공
  3. 유연한 학습 자료 제공 (GIF, 짧은 영상)
    • 메뉴 위치나 사용 방법이 바뀔 경우, GIF짧은 동영상으로 빠르게 업데이트 제공
    • 학습자들이 직관적으로 따라 할 수 있도록 시각 자료 활용
  4. 커뮤니티 기반 문제 해결 공간 운영
    • 강의 커뮤니티(Q&A)나 오픈채팅방에서 학습자들이 실시간으로 UI 변경에 대해 질문하고 공유할 수 있도록 운영
    • ”자주 바뀌는 메뉴나 기능"에 대한 토론 공간 마련

🎯 기대 효과:

  • 플랫폼 UI 변경에도 학습자들이 자신감 있게 실습을 이어갈 수 있음
  • 학습자들이 UI 변화에 유연하게 적응하고, 오류 발생 시 빠르게 해결 가능
  • 자주 업데이트되는 툴 사용에 대한 스트레스 감소학습 몰입도 향상

3. 1,2번을 참고해서 한 가지 기획을 해보면 어떤 것이 있을까요?

 

‘나만의 관심사’ 미니 블로그 페이지로 사전캠프와 본캠프 연관성 Up

 

📝 기획 동기

  • “연락처를 물어보긴 그렇고 .. 친해지고 싶긴 하고 ..”
  • 주차별 소규모 프로젝트로 배운 내용을 바로 실습 → 숙제 부분에 아쉬운 점 존재 (3,5주차만 숙제 존재)

예시 활동

방명록 있는 자기소개 페이지 만들기

주차 학습 내용 프로젝트 진행 내용
1주차 웹의 기초 (HTML/CSS, 웹 동작 원리) 👉 블로그 메인 페이지 디자인 (HTML/CSS)
2주차 JavaScript & jQuery 👉 글쓰기 기능 추가 (버튼 클릭 → 글 등록)
3주차 Client-Server 개념 & Fetch API 👉 날씨 API 활용해 글 작성 시 날씨 정보 추가
4주차 Firebase 연동 👉 작성한 글을 Firebase에 저장하고 불러오기 기능 구현
5주차 GitHub & 배포 👉 GitHub Pages를 활용해 웹사이트 배포 및 공유
본 캠프 미니 블로그 페이지 전시 및 대회 개최로 연계 👉 ZEP 을 통한 미니 블로그 페이지 공유 및 소통

 

 

4. 기획안을 바탕으로 기대되는 효과를 적어주세요. (~하게 개선하면, ~될 것이다.)

 

🎯 기대 효과

  • 웹에 자신에 대한 내용을 채우면서 자신에 대해 되돌아 볼 수 있는 시간을 가질 수 있을 것이다.
  • 대회 개최를 통한 동기 부여를 제공할 것이다.
  • 사전 캠프와 본 캠프가 연결되면서 사전 캠프가 본 캠프와 연관될 수 있다는 인식을 심어줄 수 있다.
  • 방명록(댓글)을 통해 서로 알아가고 친해질 수 있는 기회를 자연스럽게 마련할 수 있다.

 

5. 실제로 효과가 있었는지 살펴볼 수 있는 데이터는 무엇이 있을지 고민해보고 적어주세요.

 

1️⃣ 과제 제출 및 프로젝트 완성도 분석

  • 과제 제출률완성도를 비교 분석하여, 사전캠프 이전과 이후의 학습 몰입도와 실습 참여율 변화를 확인할 수 있습니다.
    • 지표:
      • 과제 제출률 (%)
      • 단계별 기능(글쓰기, 댓글, API 활용 등) 구현 여부

 

2️⃣ 학습자 만족도 및 피드백 조사

  • 정량적 : HRD-NET 부트캠프 과정 만족도 점수 확인
  • 정성적 : 미니 블로그 관련 평가 내용 추출 및 긍정/부정 확인

3️⃣ 본캠프 적응도 및 이탈률 변화

 

  • 사전캠프를 통해 본캠프 적응도가 향상되었는지 그리고 학습자 이탈률이 감소했는지 확인합니다.
    • 지표:
      • 본캠프 초반(1~2주차) 과제 제출률 변화
      • 전체 이탈률(중도 포기율) 비교 → 적응률을 볼 수 있는 중요 지표
      • 본캠프 초기 만족도 설문 비교

 

한계점

  • 왜 난이도가 어렵게 느껴질 수 밖에 없었는지 정확하게 문제 정의를 해야 합니다.
  • 정확도가 높은 모델로 데이터 분석을 진행해야 합니다.

아쉬운점

  • 개요 부분에 소비자 관점에서 왜 구매했는지 '구매 포인트'가 있으면 좋겠다.
  • 커리큘럼 작성 시 개발을 처음하는 비전공자도 이해할 수 있도록 커리큘럼을 쉽게 작성하면 더 좋겠다. (Ex. Javascript, Jquery를 비전공자가 알까?)
  • 데이터를 쓸 때 그 목적을 명확하게 하는 것이 좋겠다. (Ex. KDT 과정 리뷰, KDC 과정 리뷰)
  • 운영 파트에서 제시한 아이디어 중 방명록 있는 자기소개 페이지 만들기와 유사한 것을 시도해본 적이 있다고 함 (실제로 구성원들의 친밀도가 높았고 성과도 좋았으며 취업률 지표도 좋았다고 함)