신입 프론트엔드 포트폴리오 피드백 부탁드려도 될까요?

Question

개인 홈페이지와 포트폴리오 용 가계부 웹페이지를 제작 중입니다. 시간이 여유롭지 않아 팀을 구하지 못해 혼자 프론트와 백 모두 작업 중이며 간단한 CRUD구성의 작업입니다. (아직 UD는 구현하지 않았습니다.)프론트 부분에서 개선점과 자기소개 부분의 개선점을 발견 하신다면 피드백 주시면 감사하겠습니다. 잘 한 부분이 보인다면 그 부분도 의견남겨주세요! 그것 또한 공부가 될 것 같습니다. 이런 점이 괜찮다. 이런 점이 나쁘다. 여기는 이런 식으로 개선하는게 좋지않을까? 혹은 여긴 왜 이런식으로 했나? 등 의견이 절실히 필요합니다. 개인 홈페이지 : https://kmspage.vercel.app/ 가계부 페이지 : https://financial-ledger-ten.vercel.app/

okky2dokky2 · Answer

첨언드리자면, 비전공자인 경우에도 학력은 기본적으로 기재하시는게 좋습니다.

저는바보인것같아요 · Answer

간단하게 봤는데 일단 테스트 로그인 제외하고 회원가입 후 로그인시 에러 발생하네요. 테스트 로그인후 header 로고 누르면 로그인페이지로 다시 이동해서 로그인시 처리가 따로 안된 것 같네요.

iknow · Answer

포트폴리오를 이렇게 만들바에야,PDF, PPT 로 만드는게 나을것 같아요.굳이 왜 개인 홈페이지 형태로 했는지 모르겠어요.제가 잘 모르는 것일 수도 있지만프론트엔드 개발자가 웹 형태로 포트폴리오를 만든다는게, 제 생각에는 해당 웹페이지 자체에서도 보여줄것이 있어야 된다고 생각하는데, 지금은 솔직히 성의없어 보입니다.

사막 · Answer

그냥 지나칠까 하다가, 가계부 프로젝트만 살짝 살펴봤습니다.폴더 구조 개편 필요공통 컴포넌트나 공통 훅을 정리해둘 수 있는 재사용성을 고려한 범용적인 구조가 필요하다고 봅니다. 예를 들면, components, hooks, libs, apis 같은 폴더가 그것에 해당됩니다. 반복적으로 사용되는 훅 정도는 별도의 폴더에 정리를 해둬야 하지 않나 생각됩니다. 또한 API도 페이지 컴포넌트 내에서 바로 호출하지 말고, 별도의 파일로 빼서 호출하는게 좋습니다. 또한 전역 상태 관리도 폴더로 따로 만들어서 모아두는 것이 추천됩니다.폼 처리 - 유효성 검증 문제axios interceptor를 이용한 액세스 토큰 재발급 처리 등 기본적인 인증 처리는 되어있는데, 그 외는 전부 안되어있습니다. 로그인이나 회원 가입 등, 폼 요소가 있는 페이지에서는 데이터 유효성 검증에 대한 처리가 없습니다. 그렇다보니 아무것도 입력하지 않고 로그인을 하면 그냥 서버로 전송됩니다. 서버로 전송하기 전에 유효성 처리를 해줘야 합니다. zod 같은 유효성 검증 라이브러리를 이용하는 것도 방법입니다. 폼 처리 - 리렌더링 문제리액트에서 폼에 onChange를 하고 useState의 set 액션으로 값을 업데이트 하면 렌더링이 매우 반복적으로 일어나게 됩니다. 성능에 좋지 않죠. 보통 ref 등을 사용하거나 react-hook-form 등을 사용하여 이러한 것을 방지합니다.상태 관리recoil을 사용하고 계신데, 대부분 useState로 처리하셨고 거의 쓰고 계시질 않은 것 같습니다. 상태가 미흡하신 건지, 일부로 잘 안쓰신 건지 판단이 잘 되질 않습니다.

신입 프론트엔드 포트폴리오 피드백 부탁드려도 될까요?

4개의 답변

기타 목록