- 발행일
큐피트 — 대학 졸업작품으로 만든 홈트레이닝 웹, 그리고 처음 만난 성능 문제
코로나로 헬스장에 못 가던 시기에 만든 홈트레이닝 웹 서비스입니다. 대학 종합설계 프로젝트로 진행했고 프런트엔드를 맡았어요. 자세 교정 영상 처리가 너무 느려 서버 처리에서 브라우저 처리(TensorFlow.js·ml5)로 옮긴 게 제 첫 성능 개선 경험이었습니다.
코로나로 헬스장에 못 가던 시기에 만든 홈트레이닝 웹 서비스입니다. 대학 종합설계 프로젝트로 진행했고 프런트엔드를 맡았어요. 자세 교정 영상 처리가 너무 느려 서버 처리에서 브라우저 처리(TensorFlow.js·ml5)로 옮긴 게 제 첫 성능 개선 경험이었습니다.
코드 공부하기 - 웹만 있으면 사용할 수 있는 것들!
졸업작품 큐피트의 운동 화면은 부위 7개, 패션 화면은 성별·시즌 4개였습니다. 그걸 폴더 열한 개로 만들었어요. 목록 컴포넌트끼리 공백을 빼고 비교하면 다른 줄이 다섯 줄이고, 라우트 17개 중 11개가 이 복제 화면입니다. 하루에 1,235줄을 넣고 16분 뒤 312줄을 지운 밤의 기록입니다.
졸업작품 큐피트에서 마일리지 화면을 열면 "로그인 해주세요"가 떴습니다. 새벽 2시에 else를 else if로 바꿔 메시지가 안 뜨게 했고, 커밋 제목은 "로그인이 계속 풀려서 다르게 처리"였어요. 이 글을 쓰며 코드를 다시 보니 로그인 화면이 setState 바로 다음 줄에서 아직 비어 있는 state를 쿠키에 저장하고 있었습니다. 증상을 조건으로 덮은 첫 기록입니다.
2020년 가톨릭대 온라인 해커톤에서 처음 팀 리더를 맡았습니다. 개발 없이 기획·발표로 끝난 행사였고, 여기서 남은 건 하나입니다 — 발표 준비를 얼마나 빈틈없이 했느냐가 결과를 갈랐다는 것.