JS로 SPA..!? (항해 플러스 프론트 6기 회고 1️⃣주차)

허정석·2025년 7월 12일
4

WIL

목록 보기
1/9
post-thumbnail

AI도 미쳤다고한 팀5와 Gemini CLI 의 합작품.

image based on everything you know about me roast me and dont hold back 한글로 대답해줘ㅋㅋ 중 일부
GPT: 💬
나: 와우.

✍️ "바이브(?) 코딩과 나, 그리고 AI" — WIL 첫 인사

안녕하세요. 팀 5 허 정석입니다.
Gemini.. 이 친구가 없었다면 전 글을 쓰지 못 했겠죠?
프로젝트를 하면서 AI 툴에 기대어 거의(?) 바이브 코딩 급으로 진행했습니다. 그냥 기댔단 말입니다.

처음에는 문장 단위로만 얘기를 했었는데 이게 점점 3줄,4줄,.... 계속 줄줄이 소세지처럼 엮고 엮어서 질문하는 저를 발견했습니다.
개발자는 이제 글도 잘 써야 합니다.. 그치만 여전히 전 글을 못 쓰고 있죠...ㅎ
그래서 앞으로 주차가 끝날 때 "WIL" (Weekly I Learned) 을 통해서라도 글쓰기 훈련을 꾸준히 해야겠어요.!

나를 모르는 사람에게 나만 쓸 수 있는 물건을 설명하고 사용하라고 하게 만들어야 하는게 쉽지 않듯이 저는 Gemini CLI(aka.쨰미나이)와 얘기하는게 쉽지 않았습니다. 물론 지금도 쉽지 않습니다. 7살 애한테 얘기하는 기분이랄까요?
(눈높이를 맞추고 싶은데.. 얘 눈이 너무 높아요. 내가 낮은건가?!..)

하지만 확실한건 이젠 없어서는 안되고 질문만 잘 던지면 상당히 기특한 친구이기에 제가 무던히 노력해야죠.
덕분에 새로운 경험도 해보고 화도 많이난 째미나이와 함께한 1주였습니다.

📮 .To. 쨰미나이
째미나이야. 앞으로 9주 동안 잘 부탁해. 가끔씩 퍼지던데 그러지마 나 힘드니까.

이런 연유로 쨰미나이와 함께한 일주일을 KPT로 돌아보려합니다.

🤯 우당탕탕 쨰미나이 대소동 (with. Team 5, 6기)

✅ Keep: 이번주 내가 잘한 것들

  • 질문! 그리고 또 질문!
    : 처음부터 JS로 SPA 를 만든다는게 막막했다. 나는 현재 SI 업체의 PM을 맡고 있는터라 개발과는 점점 멀어지고 있었고 나의 나태함으로 개발 공부 일절 안하고 있었다.. 그러니 막막할 수 밖에.. 그러니 질문할 수 밖에! 사람이든 AI든 붙잡고 질문을 많이했다.
  • 유대감 형성
    : 첫 만남은 항상 어렵고 어색하듯. 나 또한 마찬가지다. 이것을 타개하려 나만의 방식 '다가가기'를 시전하였다. 결과는 ... 6기 분들의 판단에 맡기겠습니다. ㅎㅎㅎ
  • 부족하더라도 안되더라도 과제 마무리하기
    : 썸네일에서 보이듯이 나는 완벽하게 테스트 실패했다. 나도 안다. 나 많이 부족하다는거. 로컬에선 <기본-심화> 까지 통과하여 호방하게 배포했지만 결과가 처참했다. 준일 코치님이 기억하실지 모르겠지만 이른 아침 내게 다가와 손 내밀어주었지만..... 아쉽다. 그래도 내 자리~(수강생 입장)~ 에서 포기 않고 마무리했기에 난 그걸로 뱃지 하나 얻었다고 생각하고싶다. (달콤한 정신승리)

❗ Problem: 탈탈 털린 순간

  • 개발 지식
    : 진짜 너무나 부족하다. 부끄럽게 부족하다. 라우터, 이벤트 핸들링 모두 이번에 실제로 구현하면서 나의 아이디어가 아닌 AI 툴의 의존도가 너무 높았다. 10주 안에 개발지식이 급성장 할 거라 생각하지 않는다.
// router.js 중 일부 
  updateStateAndRender(newMainStatus) {
    this.mainStatus = structuredClone(newMainStatus);
    this.render();
  }

  getCurrentState() {
    return this.mainStatus;
  }

  setCurrentState(newMainStatus) {
    this.mainStatus = structuredClone(newMainStatus);
  }
}
...

위는 내가 작성한 router.js 중 일부이다. 코드 작성 당시는 "오.. 괜찮네.. 나 좀 라우터 이해한듯?" 했다. 그치만 전혀 아니였다. 우리팀 학습메이트인 석호님의 코드 리뷰를 보기 전까지.

image 사랑의 매로 한 대 맞았다. 근데 정말 좋았다.

💡 Try: 노력, 다짐, 실행

  • 1주차와 같이 끝 까지 포기 않기.
  • 개발 지식 늘리기 (사실 막막합니다... 이 글을 보신 여러분들이 팁을 주신다면 꼭 실행하고 인증하겠습니다.)
  • 항해 누리고 즐기기

🧠 이번 주 한 줄 회고:

“모든게 처음이었던 1주차. JS로 SPA 만들기, 회고 글 작성하기, 개발자들과 네트워킹... 새롭고 충격적이지만 좋은 자극이었습니다. 모두 감사합니다!”
물론 이 글도 gpt랑 함께 씀 ㅋ.😂

항해플러스 1주차 과제 링크 와 젤다

▶ 허정석님의 추천 코드 : Vo6fpd

27개의 댓글

comment-user-thumbnail
2025년 7월 13일

읽지 않고 댓글부터 달았습니다 지금 읽으러가요

1개의 답글
comment-user-thumbnail
2025년 7월 13일

역시 쨰미나이 테이머... 다음주차도 포기못하게 막아드릴께요

1개의 답글
comment-user-thumbnail
2025년 7월 13일

1주차 과제 양도 많고 어려웠는데 고생 하셨습니다 같이 화이팅!

2개의 답글
comment-user-thumbnail
2025년 7월 13일

이야 소소한 피드백이었는데, WIL에 제가 나타나다니 영광입니다.

앞으로도 사랑의 매 준비해볼게요 😉

1개의 답글
comment-user-thumbnail
2025년 7월 13일

회고 재밌게 잘 읽었습니다! ㅋㅋㅋㅋ 1주차때는 잠깐밖에 얘기 못 했지만 앞으로도 잘 해쳐나갑시다!

1개의 답글
comment-user-thumbnail
2025년 7월 13일

정석님 그래도 제미나이랑 많이 친해지신 것 같네요.
저는 이번에 커서를 처음써봐서 AI는 저에게 너무 먼 존재... 1주차 잘 버티셨고(?) 2주차 파이팅입니다

1개의 답글
comment-user-thumbnail
2025년 7월 13일

정석님 너무 재밌으신분것같아서 내적친밀감이 많이생겼습니다. 스스메~

2개의 답글
comment-user-thumbnail
2025년 7월 13일

오 정석님 잘보고갑니다!

1개의 답글
comment-user-thumbnail
2025년 7월 13일

완주를 위하여 스스메!

1개의 답글
comment-user-thumbnail
2025년 7월 13일

정석님이 저희 팀이라 너무 좋았어요 1주동안 수고했고 나중에 웃으면서 보자

1개의 답글