sk네트웍스 family AI 캠프 1차 프로젝트 회고

🖥️ 1. 프로젝트 소개

"연령별 신차 구매 트렌드 분석 및 FAQ 플랫폼"

인터넷 각 사이트에서는 신차 등록 데이터를 개별적으로 제공하고 있지만, 연령 별 구매 패턴을 한눈에 파악할 수 있는 시각화 자료나 플랫폼이 부족하다. 따라서 우리 조는 국내 신차 등록 데이터를 활용하여 연령별로 인기 있는 자동차 모델을 시각화하고, 신차 구매와 관련된 질문들을 제공하는 플랫폼을 제작하기로 했다. 

 

진행기간

• 2025년 2월 24일 ~ 2025년 2월 26일 (2일)

팀 구성

이민정, 성호진, 현유경, 이채은, 신준희 

 

기술 스택

• UI 설계
  • Figma
• Frontend 및 웹 크롤러
  • python
  • streamlit
  • selenium
• DB 및 데이터 시각화
  • MySQL
  • pandas
  • matplotlib

 

구현 기능

• 신차 구매 트렌드 분석 및 FAQ 홈페이지 구현
• 국산 / 수입 신차 판매 데이터를 통한 현황 분석
• 연령대 별 자동차 등록 현황
• 연령대 별 자동차 제조사 비율 분석
• 두 브랜드(현대, 기아) FAQ 사이트 크롤링을 통한 "자주 묻는 질문 페이지" 구현 

---

🔥 2. 프로젝트 진행과정 

와이어프레임

• 먼저 웹사이트의 예상 UI를 위한 wireframe으로 Figma를 사용하였다.

요구사항 정의

짧은 기간이었기 때문에 작업 분류가 세부적으로 나뉘지는 않았지만, 업무 절차를 위해 WBS를 구상했다.

작업명	시작일	종료일	담당자	산출물
프로젝트 주제 선정	25.02.25	25.02.25	ALL	-
요구사항 확립	25.02.25	25.02.25	ALL	요구사항 명세서
ERD 설계	25.02.25	25.02.25	신준희	ERD 다이어그램
UI Wireframe 설계	25.02.25	25.02.25	현유경, 이채은	UI Wireframe
신차구매 데이터 DB 구축 및 연동	25.02.25	25.02.26	성호진, 신준희	DB 테이블
FAQ 데이터 크롤링 (현대, 기아)	25.02.25	25.02.25	이민정, 현유경	JSON
FAQ 데이터 DB 구축 및 연동	25.02.25	25.02.25	현유경	DB 테이블
UI 구현 - Main Page	25.02.25	25.02.26	이채은	Streamlit 화면
UI 구현 - 국산/수입 신차 판매 현황	25.02.25	25.02.26	이채은	Streamlit 화면
UI 구현 - FAQ Page	25.02.25	25.02.26	이채은	Streamlit 화면
데이터 차트 표시	25.02.25	25.02.26	ALL	데이터 차트
데이터 출력	25.02.25	25.02.26	ALL	데이터 차트
문서 작업 및 발표 준비	25.02.25	25.02.26	ALL	최종 보고서
프로젝트 평가 및 회고	25.02.25	25.02.26	ALL	-

 

💡 3. 개발 과정

구현 과정

(1) 구현 기능 파악 및 계획

• 웹 페이지 구축을 위한 구현 순서를 정의했다
  • FAQ 데이터를 자동으로 수집하는 크롤러 기능
  • 수집한 데이터를 데이터베이스에 저장
  • 사용자 인터페이스(UI)를 제공하는 웹 애플리케이션
• 역할 분담을 통해 빠른 시일 안에 개발을 할 수 있도록 했다

(2) Wireframe 구축

• Figma 공유를 통해 사이트의 기본 구조를 시각적으로 계획하기 위해 wireframe을 구축
• 주요 페이지와 요소들(검색창, FAQ 목록, 필터링 기능 등)을 설계하고, 각 요소의 위치와 역할을 정의
• 사용자가 웹사이트를 편리하게 탐색할 수 있도록 UI/UX를 고려한 설계를 진행했다

(3) 크롤링 진행

• selenium을 사용해 현대자동차, 기아자동차 사이트의 FAQ 리스트를 크롤링했다 
• FAQ 페이지 구조를 분석 후, 각 질문과 답변을 추출할 수 있는 HTML 요소를 찾는다 

(4) DB 연결

• MySQL을 사용해 FAQ 데이터를 테이블 형태로 저장하고, 각 질문과 답변을 컬럼으로 정의
• 테이블 설계 시, 각 FAQ 항목에 대해 질문, 답변, 카테고리, 브랜드 등의 컬럼을 정의하여, 데이터를 효율적으로 쿼리할 수 있도록 했다

(5) Streamlit 연동

• FAQ 데이터를 DB에서 조회하여 사용자에게 표시하고, 검색 기능 및 필터링 옵션을 추가하여 사용자가 필요한 정보를 쉽게 찾을 수 있도록 했다
• Wireframe과 유사한 사이트를 만들고자 요소 하나하나에 집중했다 

 

☺️ 4. 회고 및 마무리

• 프로젝트 시간이 너무 짧아 맡은 역할을 한다고 다른 프로세스까지는 참여를 못한 것이 아쉽다. 나는 기아 자동차의 faq를 크롤링하는 담당이었는데, 크롤링은 한다고 streamlit이나 DB 연동에는 크게 신경을 못쓴것같다. 다음 프로젝트에는 데이터베이스나 웹 구현에도 참여해야겠다고 생각했다