지구 실험실

지구 실험실 바로가기 : https://earth-laboratory.vercel.app

💻 프로젝트 소개

생성형 AI를 활용한 놀이형 환경 교육 컨텐츠

⏳ 개발 기간

2023. 12. 14 ~ 2023. 12. 16 (10일)

🛠 기술 스택

🔑 핵심 구현

• Server-Sent Events(SSE) 프로토콜을 활용하여 생성형 AI의 답변 데이터를 실시간 Stream 방식으로 수신 및 렌더링
• useRef와 DOM 조작을 연동하여 AI 답변 스트리밍 시 스크롤 위치를 하단으로 유지하는 실시간 자동 스크롤 기능 구현
• Axios 및 내장 Fetch API를 활용한 REST API 연동 및 비동기 데이터 처리
• 전체 사용자 플로우에 따른 화면 구현 및 Vercel을 활용한 프론트엔드 환경 단독 배포

📃 Commit Message Convention

커밋명	내용
Feat	파일, 폴더, 새로운 기능 추가
Fix	버그 수정
Design	CSS 등 사용자 UI 디자인 변경
Style	코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우
Refactor	프로덕션 코드 리팩토링
Comment	필요한 주석 추가 및 변경
Docs	README 등의 문서 수정
Chore	환경설정, 빌드 업무, 패키지 매니저 설정 등(프로덕션 코드 변경 X)
Rename	파일 혹은 폴더명을 수정하거나 옮기는 작업만 수행한 경우
Remove	파일 등을 삭제하는 작업만 수행한 경우
!HOTFIX	급하게 치명적인 버그를 고쳐야하는 경우
!BREAKING CHANGE	커다란 API 변경

예시: "Feat: 로그인 API 연동"

🖱 동작 화면

earth-laboratory.mp4