Project (4) 썸네일형 리스트형 'AI 협업 웹 사이트' 성능 개선 기록 문제 상황 메인 페이지 접속 시 데이터가 화면에 뿌려지는 데 까지오랜 시간 소요 문제 분석 초기 랜딩 과정에서 API가 다건이 순차 호출 →requests : 39transferred : 140KBfinish : 2.48sprogress를 여러번 호출하는 것이 문제인 것으로 확인 const projectsWithProgress = await Promise.all( projectsWithFavorite.map(async (p) => { const progressResponse = await axios.get( `http://127.0.0.1:8000/api/user/${userId}/projects/${p.project_id}/progress/`, { withCredentials: .. "축구 직관 웹 서비스" 개발 프로젝트 개발 환경 및 사용 툴 : React, Java spring, Docker, NGINX, MySQL, AWS S3, AWS RDS, AWS EC2 개발 목적 : 프로축구팀을 응원하러 가며 직관 기록 및 AI 를 활용한 경기 예측 개발 기간 : 2025.04 ~ 2025.06 (약 3개월) 구현 인원 : 1명 형상 관리 툴 : Github 사용 API : Chat GPT, Kakao Developer 글의 순서 1. 시스템 아키텍처2. UI 설계3. DB 설계4. 주요 기능5. 직관 등록 기능6. 승률 분석 기능7. 다이어리 기능8. AI 승부 예측 기능9. 웹 서버10. Docker11. 서버12. DNS 서버13. 광고 및 실사용자 모집14. 느낀 점15. 최종 결과 시스템 아키텍처 프론트 : R.. 'AI 협업 웹 사이트' 개발 프로젝트 2탄 (구현 부문) https://inscowoo.tistory.com/9 '협업 웹 사이트' 개발 프로젝트 1탄 (설계 부문)개발 환경 : Figma, Visual Studio Code (DB툴 사용) 개발 기간 : 2024년 9월~12월 (약 4달) 개발 목적 : 학생들이 프로젝트를 더 효과적으로 진행하고, 협업 경험을 쌓을 수 있도록 돕게 하기 위해서이다.+4학inscowoo.tistory.com 개발 환경 및 사용 툴 : React, Django, AWS S3, MySQL 개발 목적 : 컴퓨터 공학과 저학년 학생들의 프로젝트 진행을 돕기 위한 웹사이트 개발 기간 : 2025.1~2025.6 월 (약 6개월) 구현 팀원 : 3명 (모두 풀스택) 협업 툴 : Github, Discord 사용 API : Chat GP.. 'AI 협업 웹 사이트' 개발 프로젝트 1탄 (설계 부문) 개발 환경 : Figma, Visual Studio Code (DB툴 사용) 개발 기간 : 2024년 9월~12월 (약 4달) 개발 목적 : 학생들이 프로젝트를 더 효과적으로 진행하고, 협업 경험을 쌓을 수 있도록 돕게 하기 위해서이다.+4학년 졸업 작품 팀원 : 4명 일정 추진 계획표 제일 먼저 우리 팀의 일정 추진 계획표이다.주제를 선정을 하고나서 구현 전까지 우리팀에게는 약 3~4달에 시간이 있었다. 주제 선정 우선 주제를 정하기 위해서 우리팀은 여러가지 의견을 종합한 가운데 최종 선택된 주제는협업 툴 (웹,앱) 으로 만들자였다. 그래서 어떻게 만들면 좋을까? 의견을 나눈 결과Github GitHub · Build and ship software on a single, collaborative.. 이전 1 다음