1학년 개발자가 경험한 파이썬 코드 공유 서비스 'Sh4re!' 구축기: 기획부터 긍정적 피드백까지

핵심 기술: 프로그래밍 교육 환경의 불편함을 해소하기 위해 순수 HTML과 JavaScript를 활용하여 파이썬 코드 공유 및 발표 사이트 'Sh4re!'를 개발한 경험을 공유합니다. highlight.js를 이용한 코드 하이라이팅과 쿠키 기반의 로그인/회원가입 기능 구현이 주요 기술적 포인트입니다.

기술적 세부사항:
* 문제 정의: 구글 클래스룸의 코드 제출 및 발표 시 문법 하이라이팅 부재, 폰트 조절 불가 등 비효율적인 환경 개선.
* 프로젝트 시작: 학교 친구와의 제안으로 3인 팀(프론트 1, 백엔드 1, 디자인 1) 구성.
* 주요 기능: 코드 공유, 코드 발표, 로그인/회원가입/로그아웃 (쿠키 활용), 헤더/모달 상태 동적 업데이트, 티처 페이지, 유저 페이지, 코멘트 기능.
* 핵심 기술 구현:
* 코드 하이라이팅: highlight.js 라이브러리 활용.
* 로그인/인증: 순수 HTML/JS와 쿠키를 사용한 모달 기반 구현.
* 개발 과정: 학교 행사 및 시험 기간으로 잠시 중단 후, 5월 초 본격 기획 및 개발 시작.
* 집중 개발: 짧은 수업 활용 목표로 5월 11일-18일 집중 개발 기간 설정, 높은 몰입도로 개발 진행 (커밋 랭킹 1, 2위 기록).
* 피드백 및 활용: 선생님의 긍정적 피드백으로 수업 적용 가능성 확인, 1학년 대상 서비스 소개 후 긍정적 반응 및 GitHub 스타 17개 획득, 두 차례 수업 후 DB에 코드 200개 적재.
* 배운 점: 서버 통신, DB, 협업, SEO 등 이론 외 실제 경험 습득, 프로젝트를 통한 학습 동기 부여 및 흥미 증진.
* V2 계획: 선생님의 제안에 따라 타 학교 확대를 위한 V2 개발 착수. React, Styled-Components, TypeScript 도입 예정으로, 컴포넌트화 및 타입 안정성 확보 목표.

개발 임팩트: 실제 교육 현장에서 겪는 불편함을 직접 해결하는 과정에서 문제 해결 능력과 개발 프로세스 전반에 대한 이해도를 높였습니다. 또한, 자신의 서비스가 실제로 사용되는 경험을 통해 개발자로서의 동기 부여와 성취감을 얻었으며, V2를 통해 확장성과 안정성을 강화할 계획입니다.

커뮤니티 반응: 원문에는 직접적인 커뮤니티 반응 언급은 없으나, 학교 내 1학년들의 좋은 반응과 17개의 GitHub 스타 획득은 프로젝트의 초기 성공 지표로 볼 수 있습니다.