포트폴리오 피드백 받고 싶습니다

Question

포트폴리오를 좀 더 특색 있게, 그리고 인터랙티브한 요소들을 활용해서 새롭게 제작해봤습니다.아직 경험이 많지는 않지만, 부족한 부분을 알고 싶어 이렇게 공유드립니다.선배님들의 솔직한 피드백이나 조언, 날카로운 비판도 정말 감사히 받겠습니다.대부분의 UI/UX 구성은 AI 기반 바이브 코딩(vibe coding) 방식을 활용해 구현했습니다.Kyle Portfolio

RWB · Accepted Answer

AI 덕분인지 요즘은 확실히 저점이 많이 높아졌다는 느낌이 드네요, 잘 만드셨습니다.비단 취업 뿐만이 아니라, 이런거 하나 만드셔서 주기적으로 관리하시면 역량 향상에도 도움이 됩니다. (AI 코드 토대로 본인의 가치관이나 지향점을 잘 녹이면 더 좋겠죠)480px 이상과 768px 사이, 소위 태블릿이라 표현하는 구간 레이아웃이 어색합니다. padding 쪽 확인을 다시 해보세요모바일은 괜찮은데, PC 화면에선 랜딩 시 중앙에 뭐가 없습니다. 많은 개발자들이 간과하는 점으로, 만든 본인은 무슨 기능이 어디에 있는지 알기에 상관이 없지만, 거의 첫 경험일 모든 사용자들은 기반 지식이 없어서 당황하기 쉽습니다. (보통 이 경우 tour같은 기능을 많이 넣어두죠)가급적 직관적인 UI를 구성하는 것이 좋겠지만, 그게 아니라면 적어도 랜딩 시 표현해줄 컨텐츠 하나는 필요해보입니다.하단의 프로필 모달을 기본적으로 표현해준다던가..저라면 프로필 내지는, 게이미피케이션으로 맨 마지막의 터미널을 조금 강화해서 터미널을 띄워놓을 것 같습니다.개인적으론 PC 디자인에선 데스크탑 화면처럼 아이콘을 두어 꾸며도 괜찮을 것 같습니다.모달 컨텐츠 패딩은 빼세요. 부자연스럽습니다. 도움말이라는 버튼이 있던데, 그거 눌렀을 때 뜨는 모달처럼 컨텐츠를 래핑하는 패딩은 없는게 좋습니다. 비교해보시면 아실거에요.하단 독 UI 이쁘고, 호버했을 때 트랜지션도 좋은데, 디자인이 살짝 따로 놉니다. 호버링된 아이콘 하나만 띄우는게 더 이상적일거 같아요. iOS의 Dock과 유사한 거 같은데, 해당 디자인과 기능 좀 더 확인해보시면 좋을 것 같습니다.프로필과 다른 모달이 조금 이질적이네요, 스크롤바의 패딩도 그렇고, 이유없는 하단의 footer 공간도 제거가 필요할거에요궁극적으론 도움말의 모달로 공통화시키는 게 좋아보입니다.하단 시간에 초(sec)도 표현되어 있는데, setTimeout 설정 때문인지 약 5초 마다 갱신되네요, 분까지만 표현하던지 빼는게 좋아보입니다.setTimeout 설정 조절하실꺼면 1000 이 아니라 한 800 정도로 1초보다 살짝 짧게 두세요. 정확히 1초로 하면 시간이 살짝 밀리거나 안 맞습니다. (살짝 생각해보시면 이해하실겁니다)가능하다면, 라이브중인 프로젝트는 클릭했을 때 리다이렉션을 시켜주시고, 서비스 페이지 사진이 있다면 걸어두세요.사람들 생각보다 글 내용으로 프로젝트 이해 잘 안 합니다.첫 술에 배부를 순 없습니다. 저도 20년도부터 블로그 만들어 운영하면서 6번째 갈아치웠거든요.계속 모자란거, 없는거 다듬다보면 분명 나중엔 이전보다 더 나아지실겁니다.

개나소나고생 · Answer

개인정보는 삭제하시는게 좋지 않을까요?사진도..ㅎㅎ

누누나나 · Answer

가끔 현업보면 바이브코딩 싫어하시는 분이 은근 많더라고요.요즘 react, shadcn/ui 조합 많이 사용하기는 하는데 개인 포트폴리오인 만큼 좀 더 고려가 됐으면 합니다.단순하게 바이브코딩을 싫어하는게 아니라 음.... 포트폴리오 같은곳에 그렇게 작업하면 안좋게 보는 곳이 조금 있었던거 같습니다.

아직도개발중 · Answer

저는 포트폴리오보다는 이력 위주로 말씀드릴게요.요즘에도 계속 채용을 진행하고 있어서, 가장 감이 좋은 시점이라 조심스럽게 의견 드립니다.경력이 정확히 얼마나 되시는지 모르겠지만, 이력서에는 단순히 어떤 기능을 개발했는지 나열하기보다는 더 깊이 있는 내용이 있어야 할 것 같습니다.예를 들어, 어떤 기능을 개발하면서 발생했던 문제점, 그에 대한 분석과 해결 과정 등을 기술하시면 좋습니다.요즘은 신입 지원자들도 왠만한 기능은 다 구현해보고 오는 경우가 많기 때문입니다.그리고 풀스택이라고 되어 있는데, 실제로는 백엔드와 프론트엔드 모두 다소 애매하게 느껴졌습니다.지금 시점에서는 한 분야를 선택하여 깊이 있는 역량을 갖추시는 것이 더 좋을 것 같습니다.만약 현재 취업을 준비 중이시라면, 아래 내용도 참고하시면 좋고, 그렇지 않으시다면 건너뛰셔도 됩니다.프론트엔드로 가실 경우포트폴리오가 화려해도 상관없습니다.하지만 면접관이 이력서를 검토하는 시간은 생각보다 짧고, 수많은 이력서 중 하나로 지나칠 가능성이 높기 때문에, PDF 이력서를 열었을 때 강한 인상을 주지 못하면 서류에서 탈락할 확률이 높습니다.최근 채용 시장이 좋지 않아, 개발자 1명을 뽑기 위해 400~500개의 이력서를 검토해야 하는 경우도 많기 때문입니다.이런 현실을 고려해서 이력서를 준비해보시면 좋겠습니다.(물론 괜찮은 회사 경력이 있으시다면, 이 부분은 분명한 강점이 될 수 있습니다.)백엔드로 가실 경우아키텍처 설계, 대용량 처리에 대한 이해, 그리고 인프라(클라우드 환경) 관련 지식을 함께 쌓아가시면 분명 도움이 되실 겁니다.어려운 시기에 힘내시길 바라겠습니다.

catcode · Answer

제 네트워크 환경 문제인지는 모르겠으나 도움말 모달창 에서 스크롤 할 때 렉걸리는 느낌을 받았습니다. (데스크탑 기준)

DreamingDeveloper · Answer

포트폴리오 자체는 되게 신박하긴 하네요 ㅎㅎ저도 내 나름대로의 관점에서 말씀드리자면요새는 확실히 저점이 많이 낮은 듯 합니다그렇기 때문에 무언갈 개발했다는 걸 알겠는데내가 어떤 부분을 어떻게 개발했고어떤 어려움이 있었고 그 부분을 어떻게 해결했는지에 자세히 적는게 더 도움이 될 것 같습니다화이팅하세요

인딥개발자 · Answer

진짜 개인적인 의견으로 말씀드립니다.아마 기업 지원하실 때 해당 포트폴리오 사이트를 주는 게 의미가 크게 있을 지 모르겠습니다.오히려 뎁스만 더 파고 들어가고, 해당 내용을 찾기까지 시간이 더 오래걸리고 피곤하다는 느낌이 들었습니다.경험 내용에서는계층별 아키텍처 적용해서 유지보수성, 확장성을 확보했다는 게 크게 와닿지 않습니다. 어떻게 보면 디폴트 패턴이라 그런 것 같기도 합니다.Mybatis를 활용한 효율적인 쿼리를 작성하셨는데 얼마나 효율적이길래? 저게 뭐 인덱싱을 걸어서 효율적으로 줄였다는 내용인가? 모르겠습니다.스프링 시큐리티 Oauth를 사용해서 회원가입 전환율을 올렸다는데 적용하기 이전에는 얼마였었고, 적용 이후에는 얼마였는지 궁금해지네요뭔가 너무 추상적이라 그런 것 같네요. 내용만 보면 이력서?에 들어가는 느낌들인 것 같기도 합니다.

와플치킨 · Answer

이정도만 되도 우와 하면서 볼 것 같네요다만 창이 계속 중첩되서 뜨는거는 뭔가 불편한 느낌이라 위젯이나 탭방식이 어떨까합니다

포트폴리오 피드백 받고 싶습니다

8개의 답변

Q&A 목록