본문 바로가기

프론트엔드취업2

프런트엔드 프로젝트 정리법(화면흐름, 사용자경험, API연동) 일정 관리 서비스를 만든 프런트엔드 취업 준비생의 포트폴리오를 검토한 적이 있습니다. 결과물에는 로그인, 일정 등록, 달력 조회, 마이페이지 화면이 정돈돼 있었고 React와 상태관리 도구를 사용했다는 설명도 포함돼 있었습니다. 하지만 사용자가 로그인을 하지 않은 채 일정 페이지 주소로 바로 접속하면 어떻게 되는지, 저장 요청 중 버튼을 다시 누르면 어떤 일이 발생하는지, 서버 오류가 발생하면 입력한 내용이 유지되는지는 알기 어려웠습니다. 화면은 완성돼 있었지만 실제 사용 과정과 실패 상황이 자료에서 보이지 않았습니다.코드를 다시 확인하자 일정 저장 버튼을 빠르게 누르면 동일한 요청이 두 번 전달됐고, API가 실패하면 사용자가 입력한 제목과 날짜가 모두 초기화되는 문제가 있었습니다. 요청 중에는 버튼을.. 2026. 8. 20.
프런트엔드 개발자 준비에서 화면 구현만으로 부족한 이유 (UX, 상태관리, API연동) 개발자 취업을 준비하는 분들의 포트폴리오를 검토하다 보면 화면은 꽤 깔끔하게 만들어져 있지만, 실제 면접 답변에서는 아쉬움이 남는 경우를 자주 봅니다. 로그인 화면, 상품 목록, 게시판, 예약 페이지, 관리자 대시보드처럼 눈에 보이는 결과물은 정리되어 있는데 사용자가 어떤 흐름으로 화면을 이용하는지, 데이터가 어떤 상태로 관리되는지, API 응답이 화면에 어떻게 반영되는지 설명하지 못하는 경우가 있습니다. 모의면접에서 검색어를 입력하면 내부에서 어떤 일이 일어나나요? API 응답이 늦게 오면 화면은 어떻게 처리되나요? 사용자가 오류 상황을 어떻게 알 수 있나요? 같은 질문을 하면 답변이 짧아지는 준비생도 많습니다. 저는 이 지점이 프런트엔드 개발자 준비에서 가장 먼저 점검해야 할 부분이라고 생각합니다. .. 2026. 7. 6.