개발자

프론트엔드 이직.. 포트폴리오 첨삭부탁드립니다.

2024년 06월 17일조회 313

안녕하세요 현재 퍼블리셔 4년차로 프론트엔드로 이직을 희망하여 독학 중에 있습니다. 기존에 다니던 회사를 퇴사하고 일년간 CS공부와 프리랜서를 병행하며 공부하였고 재취업을 하려고 준비하고있습니다. 현재 근무하고 있는 곳은 기재하지않았어요.. +전 직장에서 진행한 프로젝트 쪽은 외부로 노출된 프로젝트 외엔 기재하지 않았습니다. 들어간 기술은 React + Express.js + Mysql로 구현하고 였고 배포는 aws에 배포하였습니다! 조금 더 신경써야할 부분이나 부족한 부분이 있다면 한말씀 부탁드리겠습니다! https://www.h-creations.com/ 감사합니다.

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

포크코딩님의 프로필 사진

웹사이트가 깔끔하고 예쁘네요. 이런 디자인 개인적으로 좋아합니다. 한번 쓰윽 봤을 때 보충하면 좋은 점들은 아래와 같습니다. 코드 관련해서는 따로 요청 주시면 시간내서 봐드립니다. # 성능 개발자 도구에 있는 lighthouse 기준으로 퍼포먼스, 접근성이 조금 낮게 나옵니다. 포트폴리오 사이트에서 중요한 요소는 아니겠으나, 프론트 개발자로써 나아가기 위해 개선이 필요해 보입니다. [참고] https://pagespeed.web.dev/analysis/https-www-h-creations-com/z9f4zh2jn8?form_factor=mobile # 보안, 네트워크 이미지 S3에 올려두고 쓰시는거 같습니다. 근데 유저 에이전트나 요청 제한 상관 없이 public으로 무제한 오픈 되어 있는 것 같습니다. 누가 악의를 가지고 get 요청을 날리면 S3 요금 폭탄 맞거나 프리티어 한도가 녹을 수 있으니 제한을 걸어두세요.

profile picture

익명

작성자

2024년 06월 24일

에고 답변이 늦었네요.. 피드백 감사합니다! 말씀 주신 부분 수정 반영하야겠네요 감사합니다 혹시 코드도 봐주실수있으실까요 거절 해주셔도 좋습니다!

포크코딩님의 프로필 사진

포크코딩

별빛상단 단주2024년 06월 25일

고럼요~ 따로 리뷰 받는 틀이 있으신가요? 있다면 그거에 밎춰서 해드릴게요

profile picture

익명

작성자

2024년 06월 26일

리뷰 받는 틀이 깃을 말씀하신걸까요? 코드리뷰를 해본적이 없어서 개념이 없네요 자꾸질문해서죄송합니다ㅜ

포크코딩님의 프로필 사진

포크코딩

별빛상단 단주2024년 06월 26일

코드 리뷰를 받을 때, 크게 세 가지 방향이 있습니다. 첫째, 리팩토링을 원하는 것인지? 둘째, 퍼포먼스 향상을 원하는 것인지? 셋째, 구현 방법 자체에 대한 방법론을 원하는 것인지? 각 방향에 맞춰 프로세스들과 사용하는 도구들이 존재할 수 있습니다. 예를 들어, 자동화 테스트 프레임워크(자바스크립트쪽에선 jest, vitest이런거), 부하 테스트 툴(k6 같은 것들) 같은 도구들이 있습니다. 틀의 의미는 질문자님이 쓰시는 도구들과 리뷰 프로세스입니다. 따로 없으시다면 위에 적은 세 가지 방향에서 리뷰를 원하시는 영역을 말씀해 주세요. 그리고 같이 고민해 봅시다.

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 06월 17일

안녕하세요. 우선 포트폴리오를 공유해주셔서 감사합니다. 첫 번째로 주목한 점은 기술 스택입니다. React(TypeScript), Express, MySQL을 사용한 것은 현재 웹 개발 트렌드를 잘 반영하고 있으며, 이를 바탕으로 작업한 프로젝트가 있다는 것 자체만으로도 중요한 가치가 있습니다. 그러나 포트폴리오 사이트는 본인의 실력과 역량을 보여주는 장이기 때문에 다음과 같은 부분들을 고려해 수정하면 좋겠습니다: 1. **프로젝트 세부 정보**: 각 프로젝트에 대한 설명이 더욱 구체적이면 좋겠습니다. 사용된 기술, 수행한 역할, 도전과 문제 해결 경험 등을 포함해보세요. 2. **UI/UX**: 디자인은 깔끔하지만 조금 더 사용자 친화적인 UI/UX를 고려해보시면 좋겠습니다. 남들과 차별화될 수 있는 디자인 요소와 인터랙션을 추가해보세요. 3. **코드 예시**: 가능하다면 Github 링크나 코드 스니펫 등을 통해 실제 코드를 보여주는 것도 좋습니다. 이를 통해 코드 작성 능력을 입증할 수 있기 때문입니다. 4. **CS 지식**: CS 관련 지식도 중요합니다. 동적 프로그래밍, 자료 구조, 알고리즘 등에 대한 이해를 보여줄 수 있는 콘텐츠를 추가해보세요. 5. **학습 여정**: 비전공자에서 전공자로의 전환 과정, 그리고 학습 여정을 이야기하는 섹션을 만들어 보세요. 이는 본인의 성장 속도와 학습 능력을 입증하는 좋은 방법입니다. 많은 것을 요구하는 것처럼 보이지만, 웹 개발 직군에서 가장 중요한 건 지속적인 학습과 노력입니다. 포트폴리오는 본인의 성장과 기술 스킬을 최대한 대변할 수 있도록 다듬어나가는 과정이니 천천히 차근차근 해나가시길 바랍니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!