클로드코드로 만든 채용 페이지 초안

소개

3주차 과제의 연장선으로 받았던 피드백을 반영해서 수정했어요~

지원서 접수 폼만 있었던 웹 페이지를 채용 페이지로 확장해서 구성해봤고, 쏘넷이라서 계속 멍텅구리처럼 돌아 돌아 가던걸 개선하려고 오푸스로 셋팅해놓고 시작했습니다. 그리고 가볍게 대화를 시작하면서 구성을 했더니 보편적이지 않은 툴을 가져오거나 하는 것들이 있었어서- 플랜모드를 활용해서 사전에 좀 이것저것 알려주기도 하고 질문을 통해서 내가 원하는 것을 구현하도록 했어요.

진행 방법

지난주 수업 끝나고 설치하라는 건 다! 설치하고

클로드코드만 사용했고, 버셀에 배포를 했습니다.

일단 지난주 과제는 지원서 페이지만 만들었었는데, 이번에는 확장해서 기관 소개, 인재상 등을 반영해서 전체 채용 페이지를 만들었어요.

이전 세션까지는 지금까지는 소넷을 써서 오류도 많고, 돌아 돌아가는 경우도 있었는데- 오푸스로 다시 셋팅을 해놓고, Plan 모드로 해서 계획을 먼저 논의한 다음에 시작을 하니까 훨.씬. 똑똑한 클로드를 만날 수 있었어요!

그래서, 시작할 때도 오푸스인지 먼저 확인하고 시작했습니다.^^

한국어 텍스트가 있는 페이지의 스크린샷
  • Plan 모드 활용하기

한국어 앱 스크린샷

이렇게 하니까, GPT처럼 그냥 하나하나 질문하거나 질문만 나열할 줄 알았는데- 설문 폼처럼 제가 선택할 수 있는 질문지를 줬어요. 그래서 클로드가 질문했던 것들에 모두 답변을 하니까 원하는 조건들을 수집해서 원하는 구조를 짰어요.

그리고 페이지 안에 들어갈 데이터를 어디서 가져오면 되는지 예시로 알려줬고, 알아서 척척척 만들어줬어요.

할일 업데이트 - 스크린샷

그런데, 확실히 오푸스에다가 웹페이지 전체를 구상했더니, 대화 한 20분만에 리밋이 걸렸읍니다...

오푸스의 능력과 토큰의 연관성을 체감하게 되었어요 ㅎ

머리에 모자를 쓴 남자의 사진

아 그리구, 과제 제출할 때 소속 회사의 이름이나 이런것들이 나오는게 좀 신경이 쓰였는데, 다른 분들 과제를 통해서 비번이나 '마스킹 처리해줘' 마스킹 하는 법을 배워서 이번에 비번을 걸어서 적용시켜 봤습니다. 깃허브에 회사이름 들어간 어떤걸 배포한다는게 좀 떨리는 부분이었는데- ㅣ비번을 걸어두니 마음 것 실행할 수 있어서 안심이 되었어요.

결과와 배운 점

결과물 : https://recruit-site-omega.vercel.app

배운 점과 나만의 꿀팁을 알려주세요.

  • 리밋을 너무 빨리 만나니까, 매일매일 꾸준히 해야겠다는 생각이 들었어요

  • 너무 똑똑해서 무서웠는데, 하다보니까 좀 친숙해지는 면이 있는 것 같아요

  • 다른 분들의 시행착오나 사례를 보면서 배워가는게 많은 것 같아요 정말,!

도움 받은 글 (옵션)

21기 소셜임팩트 수업에서 주신 모든 피드백들이 도움이 많이 됐습니다. : )

21기 스터디를 마치며

  • 일단, 목표였던 '클로드코드'를 쓸줄을 아는, 이게 뭔지 아는 상태가 되는게 목표였어요.

    그정도 수준은 달성을 한 것 같아서 만족을 합니다.

  • 이번 스터디를 통해서 이 바이브코딩에 재미를 느끼고 더 하고 싶은 맘을 갖게 된게 제가 얻은 것 중 가장 큰게 아닐까? 싶어요

  • 처음엔 '보안' '개인정보' 때문에 구더기가 무서워서 장을 못 담그는 상태였는데- 그럼에도 불구하고 일단은 뭔가를 시작해보는 것!이 도움이 되었다는 걸 체감하게 되면서 그런 두려움에서부터 좀 해방된 것 같아요. (물론 개인정보 부분은 중요한 만큼 좀 더 깊이 있는 공부를 해야겠죠)

  • 다양한 분야에서 열심을 다하시는 분들을 만나서 정말 좋았습니다. 지피터스가 어떤 학습 채널이 아닌 '커뮤니티'라는 것을 체감하고, 그 '커뮤니티'힘을 느끼기도 한 것 같아요. 특히 줌이더라도 녹화만 볼때랑은 또 달리 실시간으로 함께하니까 연결감도 더 생기고, 가지고 계신 어떤 긍정적인 에너지들도 전해졌던 것 같아요. 두려움을 떨쳐내는 데에 너무 힘이 되었습니다.

  • 회사 데이터를 사용한다는게 좀 부담감이 있어서 더 주저함이 있었는데, 일단 학습 단계에서는 제 개인적인 어떤 것을 가지고 실습을 했으면 더 빨리 적응하고 추진해나갔을 수 있겠다는 생각이 들었어요.ㅎ 다음 기수에는 자비로 결제를 해서 개인적인 영역을 자동화 하는 걸 실행해보고 싶다는 생각이 들었습니다. : )

궁금한점

  • 21기 다시보기 영상은 언제까지 열려있나요? 나머지공부를 하고싶..어요^^a

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요