누구나 바이브 코딩하는 시대에도 개발자 포트폴리오가 필요한 이유

AI 요약

AI 도구로 짧은 시간 안에 보기 좋은 웹사이트를 만들 수 있게 되면서, 개발자 포트폴리오가 여전히 차별화에 도움이 되는지 묻습니다. 글쓴이는 AI가 만든 사이트가 늘어도 포트폴리오는 유효하다고 봅니다. 다만 화려한 화면만으로는 실력을 증명하지 못하며, 포트폴리오에 적은 경력과 프로젝트가 실제 작업물과 맞아야 한다고 강조합니다.

디자인만으로는 실력을 증명하지 못합니다

글쓴이는 AI에 막연하게 프롬프트를 입력하면 여러 포트폴리오에서 비슷한 UI 요소가 반복된다고 말합니다. 겉모습이 달라도 세부 요소를 살펴보면 비슷한 결과물이 많아지고, 채용 담당자가 지원자를 구별하기도 어려워집니다.

보기 좋은 포트폴리오를 만들었다고 해서 실제 작업물까지 그 수준이라는 뜻은 아닙니다. 프런트엔드 개발자라면 포트폴리오의 UI와 프로젝트 품질이 맞는지 확인해야 합니다. GitHub 활동 시점, 오픈소스 참여를 뒷받침하는 PR, 포트폴리오에 소개한 프로젝트의 완성도도 서로 일치해야 합니다. 백엔드 지원자에게 시각적으로 뛰어난 웹사이트가 필수는 아니지만, 어떤 직무든 실제 기여를 과장하지 말고 자신의 작업에 관한 질문에 답할 준비를 해야 합니다.

기존 포트폴리오를 참고하고 접근성을 챙깁니다

글쓴이는 처음부터 전부 만들기보다 이미 좋은 평가를 받은 포트폴리오를 참고해 자신만의 요소를 더하라고 제안합니다. 본인은 brittanychiang.com과 meikopoulos.com에서 기능을 참고해 AI로 조합했고, 스킬 카드마다 포켓몬이 나타나는 이스터에그도 넣었습니다. 기존 디자인을 출발점으로 삼으면 포트폴리오의 기본 구성을 갖추면서 개인적인 특징을 더할 수 있다는 설명입니다.

화면을 꾸미는 데만 집중하면 성능과 접근성을 놓치기 쉽습니다. 저사양 기기에서 느려지거나 모바일 화면에 맞지 않는 문제, 웹 개발 모범 사례를 지키지 않는 문제가 생길 수 있습니다. 글쓴이는 AI를 활용해 사이트가 모바일에서도 원활하게 동작하도록 다듬고, 장애가 있는 사람과 성능이 낮은 기기에서도 사용할 수 있게 최적화하라고 권합니다.

복잡한 효과보다 간결한 구성을 택합니다

애니메이션과 복잡한 디자인을 더한다고 차별화되는 것은 아닙니다. AI를 활용한 다른 포트폴리오가 더 화려하게 만들 수도 있습니다. 글쓴이는 오히려 단순한 포트폴리오가 정보를 빠르게 전달해 눈에 띌 수 있다고 말합니다. 채용 담당자는 이력서와 포트폴리오를 짧은 시간 안에 살펴보므로, UI는 내용을 돋보이게 하는 요소여야 합니다. 경력과 작업물을 적은 클릭으로 찾도록 구성하고, 시각 효과보다 전달할 정보를 우선해야 합니다.

마지막으로 포트폴리오를 만들고 혼자 보관하는 데 그치지 말고 가족, 친구, LinkedIn 연결망, DEV 커뮤니티에 공유하라고 권합니다. 글쓴이도 자신의 포트폴리오를 공개하고 독자들에게 검토 의견을 요청합니다.

dev.to 반응

• @pengeszikra — 제 포트폴리오와 이력서를 간소화하고 있습니다. mordorjs와 TifY를 만든 사람이고 pipeline-operator에 열성적입니다. 오래된 기술도 언젠가는 낡습니다. 특이점이 올 때까지 재미있게 만드세요!
  • @francistrdev — 고마워요, Peter! 더 살펴보고 이 댓글에 알려드릴게요. :)
• @hemapriya_kanagala — 곧 제 포트폴리오를 만들 계획입니다. 완성하면 공유할게요! Francis의 포트폴리오도 마음에 들어요.
  • @francistrdev — 고마워요, Hema :D 포트폴리오 기대할게요!
• @dj29 — 포트폴리오를 봤어요! 정말 좋고, 스크롤을 올릴 때 공들이 움직이는 애니메이션도 멋져요. 구현 방법을 알아보려고 몇 분 동안 들여다봤네요. 학생인데 인턴 경험은 공개하기 꺼려지고 좋은 오픈소스 프로젝트도 있습니다. 포트폴리오에는 무엇을 넣어야 하나요?
  • @francistrdev — 고마워요, Dhruv! 공 애니메이션은 구현하는 데 리소스를 엄청나게 썼어요. 그때는 AI에게 설명을 잘 못한 탓이 컸죠. 무엇을 보여줄지는 채용 담당자가 무엇을 찾는지 생각해 정하면 됩니다. 지금 상황이라면 경력과 프로젝트를 넣고 DEV 블로그도 더하면 좋겠어요. 다른 사람의 포트폴리오를 살펴보거나 포트폴리오를 평가하는 영상을 참고해 보세요. Anthony Sistilli가 포트폴리오와 이력서를 평가하는 시리즈를 만들었고 유용한 조언도 합니다. 도움이 됐으면 좋겠어요!
• @nyaomaru — 정말 멋진 포트폴리오네요! 특히 통통 튀는 공이 마음에 들어요. 페이지에 개성이 생기네요. AI 시대에도 탄탄한 무언가를 직접 만드는 일이 중요하다는 의견에도 동의합니다. 무엇을 만들지 정하고 어떻게 구성할지 고민하는 과정이 여전히 그 사람을 잘 보여줍니다. 제 포트폴리오도 공유합니다. 최대한 단순하게 만들었고 작은 게임도 있어요.
• @ranjancse — 복잡함보다 단순함이 낫다는 말에 동의합니다. 그래서 전문 작업과 프로필은 주로 LinkedIn에 올립니다. 일반적으로 KISS 원칙을 따르는 게 좋습니다.
• @carlapaiva — 멋진 포트폴리오네요, Francis! AI와 LLM이 유행하기 전에도 포트폴리오가 꼭 필요한지 회의적이었습니다. 업계에서 몇 년 일한 뒤에는 LinkedIn 프로필과 이력서면 충분하다고 생각했죠. 그러다 왜 제 도메인을 갖지 않을까, 직접 관리할 수 있지 않을까 생각해 포트폴리오를 만들었습니다. 아주 단순하지만 제 것이에요.
• @unitbuilds — 드디어 포트폴리오가 공개됐네요! 정말 오래 걸렸어요!
  • @francistrdev — DEV에는 오래전부터 올려뒀지만, 지금까지 이야기하지 않았어요.
  • @unitbuilds — 맞아요. 그래도 직접 이야기하면 다르죠. 포트폴리오는 큰 도움이 됩니다. 더 다듬고 싶다면 코드베이스에서 어떤 부분을 맡았는지 구체적으로 적어보세요. 저는 ERP 시스템을 다루는데, 금융 시스템을 만들었다고만 쓰는 것보다 AR, AP, GL, 재고 원장, 제조 모듈, 대시보드, 로그 싱크, 현금출납부 모듈을 구현했다고 쓰면 더 많은 정보가 전달됩니다. 저도 포트폴리오를 준비해야겠네요.
• @alexcodebytes — ‘채용 과정에서 늘어나는 AI의 잡음을 다룬다’는 표현이 오늘날 기술 채용의 병목을 정확히 짚습니다. 코드 작성 비용이 낮아지면 문서화와 설계 근거가 차별점이 됩니다. 챗봇에게 다단 레이아웃을 만들라고 시킬 수는 있지만, 웹 포트폴리오는 복잡한 시스템을 다루고 의미에 맞는 코드를 작성하며 아키텍처 문제를 추론할 수 있음을 보여주는 곳입니다. 전체 리뷰도 기대하겠습니다!
• @pavel_kkkkazantsev — 멋진 포트폴리오네요! 보고 나니 제 것도 업데이트하고 싶어졌어요.

원문: dev.to / 번역·요약: Trawling