[250226-250229] TIL
해커톤 진행
결과 작업 화면
사용 기술
Core
- Next.js 15 (App Router)
- TypeScript
UI
- Material-UI (MUI)
- Tailwind CSS
- Framer Motion
- Chart.js
주요 기능 (Frontend)
- AI, Backend 서버와 API 통신
- 데이터 시각화
- 반응형 디자인
- SSR , 컴포넌트 단위 스트리밍 (점진적 렌더링)
- 애니메이션
Next.js 선택 이유
- 빠른 개발 속도
- 파일 기반 라우팅으로 해커톤에 적합
- 효율적인 데이터 처리
- 뉴스 = 읽기 전용 콘텐츠
- 적은 사용자 인터랙션
- SSR에 최적화
- 개발 경험
- 이미 익숙한 프레임워크
- 러닝커브 최소화
- 생태계
- 문서화가 잘 되어 있음
- 활발한 커뮤니티 지원
- 다양한 플러그인 및 확장 기능
회고
UI/UX 디자인
해커톤에선 기획자와 디자이너가 없이 개발자끼리만 진행하였다. 자연스럽게 프론트엔드 담당인 내가 UI/UX도 담당하게 되었다. 프론트엔드가 혼자여서 걱정을 했었는데, 팀원분들이 예쁘다고 리액션을 잘해주어서 신나게 작업했다. 피그마를 사용해서 처음 작업 했었는데, 생각 이상으로 재밌었다.
프론트엔드 개발
프론트엔드 직무는 마지막까지 쉴 수 없다는 것도 느꼈다. API 완성이 마지막날 새벽 7시쯤 완료되어서 그 이후에 3시간 남겨두고 허겁지겁 API 연결을 했다. 애니메이션은 클로드 도움을 많이 받았다. LLM 사용하는건 죄책감이 들었지만 속도가 중요한 해커톤에선 잘 쓰는 것이 중요하다고 느껴졌다. 마지막에는 시간이 없어서 커밋을 예쁘게 쪼개지 못하고 뭉텅이로 커밋했는데 .. 그게 아쉽다. LLM 기술이 들어간 AI 서버와도 통신을 해야 했는데 일반적인 통신과는 다르게 API 호출 시간이 꽤 걸렸다. 그래서 부분적으로 데이터를 받아오고 먼저 받아와진 데이터를 컴포넌트 단위로 그려질 수 점진적 렌더링을 구성했다.
팀원분들한테 감사
우리팀은 AI 2명, 백엔드 겸 클라우드 3명, 프론트 1명으로 구성 되었는데 각자 분야에서 최선을 다해주셔서 감사했다. 유쾌했던 팀원들 덕분에 2박3일간 밤을 새면서도 큰 불만이 없었던 것 같다. 와중에 케이크와 비타민도 챙겨주셔서 감동이었다. 내일 회식도 하기로 했다 ! 좋은 인연이 생긴 것 같아 기쁘고 팀원분들 모두 감사합니다.
심사위원 코멘트
생각보다 프론트엔드 부분 언급을 많이 해주셨다. 덕분에 ,, 오랜만에,, 큰 성취감을 느꼈었다. 짧은 시간에 완성도 있다고 해주셔서 감사했고, 점진적인 렌더링과 반응형 디자인 부분도 알아봐주셔서 기뻤다.
카카오대표이사상 본상 수상
수상은 대상 1팀 본상 3팀이었는데 본상을 받았다. 카카오대표이사상이라니 .. 내가 갖고 있는 상 중 제일 큰 상이다. 소중하게 간직해야겠다. 감사합니다!!
Leave a comment