본문 바로가기
  • 한컴 AI 아카데미 AI개발자 4기
한컴 AI 아카데미

[스나이퍼팩토리] 한컴 AI아카데미 4기 프로젝트 3주차

by 타스타로스 2026. 5. 22.

노션에 정리한 내용이 붙여 넣기가 안되는군요 ㅎㅎ

하던 대로 열심히 타이핑하겠습니다.

3주 차에 들어오니 너무 바빠서 바바하고 있습니다.

1. frontend

3주 차 목표는 프런트 앤드 완성하기로 정하고 열심히 바이브코딩하고 있습니다.

유튜브도 구독하고, 자료도 탑독하며, 나름 매일 호의를 거쳐 최종도안으로 달려가고 있습니다.

아직 완성된 모양은 아니지만 정리해 보겠습니다

2. 메인 페이지

밑에 보이는 거와 같이 틀이 잡혀가고 있습니다.

헤더 부분을  팀장님이 손보고 있고 보통 우리가 즐기는 웹의 형태를 얼추 갖추고 있습니다. 

3. 분석. 요약페이지

이 페이지가 정말 중요한 페이지인데 완성되려면 백엔드의 ai작업이 필수라 지금은 미리 답변을 정해놓고 간단한 문서 파밍과 간단한 표, 그래프, 마인드맵 형성하는 코드만 넣었습니다.

답변도 그지같이 하고 이미지도 못 만들지만 일단 보이는 ui는 잘 나온 거 같습니다.

문서 불러오기도 잘 작동하고, 저장 프로젝트 이동 초대코드까지 모두 정상 작동합니다

아직 디자인의 개선이 이루어질 것으로 생각되고 폰트나 상자 왜곽도 정하지 않은 상태입니다.

4. 공유 페이지

정말 많은 시간과 크레디트를 넣은 부분입니다.

잘 만들고 싶은 마음에 열심히 3일을 투자하였지만, 더 생각나는 아이디어가 없어요.

학생시절 협업을 잘 안 해서 그런지 이과를 나와 그런지 협업 페이지의 구성을 만들기가 너무 어렵습니다.

다른 사이트들도 열심히 찾아보고, 벤치마킹도 해보고 했지만 이 이상 편할 수 없을 거 같아요. ㅎㅎ(제가 책임지고 있는 파트입니다)

 

5. 프로젝트 페이지

그냥 저장소라고 생각하시면 됩니다.

모든 분석자료는 프로젝트 카드로 생성 저장 되며, 이미지, 표, 그래프, 차트, 채팅내역 등등 모든 것이 저장됩니다 

카드를 클릭 시 작업을 이어서 계속할 수 있어요 초대코드를 복사하여 협업공간을 만들 수도 있고 내 컴퓨터에 저장도 할 수 있어요.

팀원 2가 만들었지만 정말 잘 작동됩니다. 전 사실 이 페이지가 젤 맘에 들어요 ㅎㅎ

 

후기

하나씩 늘어가는 폴더를 보며 아 시간이 흐르는 만큼 폴더도 늘어나는구나 생각이 드네요

다른 사이트 열어서 html을 눈팅하며, 뭐 이리 많은 행을 소비했나 싶었는데 가독성을 주려니 행이 점점 늘어 제가 만든 공유페이지는 1000행에 다다르고 있어요 정말이지 놀랍습니다. ㅠㅠ

아직 백엔드는 건드리지도 못했지만요 ㅎㅎ

다음 주도 열심히 달려 보겠습니다 파이팅!!

 

 

 

본 후기는 [한글과 컴퓨터 x한국생산성본부 x스나이퍼팩토리] 한컴 AI 아카데미 (B-log) 리뷰로 작성되었습니다.

#한컴 AI아카데미 #AI개발자 #AI개발자교육 #한글과 컴퓨터 #한국생산성본부 #스나이퍼팩토리 #부트캠프 #AI전문가양성 #개발자교육 #개발자취업