웹프 공부
그나마 컴퓨터 언어에서
접해봤기도 하고
직관적인 언어라 재미는 있었는데
HTML, CSS, JavaScript
진도 나가는 속도가
그냥 휘리릭
이라서 기말고사 준비는 너무 힘들었다.
온라인으로 하지도 않은 걸
수업시간에 소화하는게 쉬운 줄 아나...
웹프로그래밍도 고급 내용은
쉽지 않다는 걸
뼈져리게 느꼈던 과목.




과제가 많다는 그 과목

얼마나 많은지는 모르겠고
1시간 대면 + 2시간 온라인
에 그래도 접해봤던 HTML 언어 기반의 웹프를 신청했다.
거의 매주 과제가 있는데
연습문제 풀기랑 코드 입력
진짜 컴공스러운 팀플 프로젝트 과제로
웹사이트 개발 뿐 아니라
2페이지 학술 논문, 설명 영상, 최종 보고서 제출까지
한 과목에 이렇게 많은 과제가 있나…?
Y E S !
있더라고요‼️😁
기능 구현은 배우지도 않은 부분이 평가 항목에 들어가서
AI 친구들의 도움 받고자 했고
주제 선정이 제일 고민이었다.
학교에 몇 없는 가장 친한 친구 4명과 팀하고
엉뚱한 아이디어든 기발한 거든
아이디어 냈을 때
그래도 제일 만들법한 건
처음 내가 말한 ‘ 공모전 정보 플랫폼 ’ 으로 주제 잡고
중간고사 끝나는대로 클로드와 제미나이프로의 엄청난 도움으로
만들긴 했다!
1. 와이어 프레임 짜기
SW상상기업에서 어깨너머로
처음 웹 아이디어 기획할 때는 Figma 쓴대서 그걸로 하고
본격적인 코드작업하기에는…
코드를 빨리 완성하고 논문을 작성해야해서

알바하는 동안
팀원 친구들한테 전달할 내용 와다다닥 작업해서 공유했다.


제미나이로 기본 색, 테마 정도
민트색으로 해줬는데
생각보다 나쁘지않아서
그대로 가고 추가로 넣을 기능을 고민했다.

처음 계획했던 부분은
1. 공모전 포스터 및 정보 스크롤링 한 눈에 알 수 있도록
2. 장학금 정보 스크롤링
(우리 학교 사이트에 이런게 잘 있나
모르겠고 타학교에 비해 숫자가 너무 적은 것 같아서)
였는데,
아무리봐도 스크롤링으로 공모전 / 장학금
포스터를 한다는게 보안상 안 되고
구현이 안 될 확률이 크다는 AI의 조언에
'효율적인 공모전 팀 구성 및 일정 조율 플랫폼'
으로 주제를 변경했다.

제미나이의 역할 분담표
진짜 AI 너무 좋다



2. 코드 짜기
처음에는 일주일만에 코드작성 + 논문작성
필요해서 일반 제미나이로 도움받으면서 시작했는데
학교 아이디로 로그인하면
제미나이 프로 쓸 수 있대서
제미나이 프로 열심히 돌렸다.
문제는 기능 추가를 요구할 수록
제미나이 프로가 버거워하는게 느껴졌고 클로드 고민...


진짜 처음에는 제미나이에게 기능 설명만 하면
너무 잘 만들어줘서
개발자라는 진로에 대해
제일 많이 고민하게 되었다.

팀원 구하기 + 팀원으로 참여하기
기능을 넣고싶다보니
DB를 안 쓸 수가 없었는데
제미나이가 구글의 Firebase 알려줘서
Firestore로 구글 연동 로그인 기능을 기반으로 만들었다.

물론 AI에게 시켜도
가끔 해결 안 하고 했다고 우기고
딴 거하랬더니 지 맘대로 하고
했지만
순식간에 완성 코드 보내는 속도 보면서
진짜 이게 맞나 싶은 생각이 정말 많이 들었다.
제미나이가 슬슬 안 돌아갈 때쯤
클로드 pro 지원을 받아서

코드 수정 능력은 진짜
왜 클로드 클로드 하는지 알겠다.
pro는 5시간 마다 토큰 충전되긴하는데
정말 야무지게 잘 썼다.
3. 논문 + 보고서 + 영상



어쨌든
논문 휘리릭 완성해서 제출해서 다 한 것 같았지만
보고서 + 동영상 + 코드
제출이 남았기 때문에
작업하다보니
코드에서 수정해야할 부분이 계속 생김.
1. 팀원으로 신청하면 팀장에게 수락 / 거절 기능
2. 시간표 팀 소속이 아닌 사람이 시간표 등록이 가능한 문제
3. 시간표에서 인원 수 별 색 다르게 표기가 안 되는 문제
등등
문제가 보일 때마다
클로드와 함께 열심히 수정하기!
'학업' 카테고리의 다른 글
| 25~26 ) C언어 + 파이썬 (0) | 2026.07.10 |
|---|---|
| 26-1 ) 자료구조론 (0) | 2026.06.16 |
| 26 - 1 ) 컴퓨터구조 (0) | 2026.05.02 |
| 25 -2 ) 교양 : 4차산업혁명 (0) | 2025.12.15 |
| 25-2 ) 교양 : 바이오 (0) | 2025.12.15 |