Feat/front new UI

[ed-kyu]

📝 PR 타입

• 버그 수정
• 신규 기능
• 문서 업데이트
• 코드 스타일 업데이트 (포맷팅, 세미콜론 추가 등)
• 리팩토링
• 기타

---

📜 설명

신규 화면을 적용한 프론트 화면입니다.
https://www.figma.com/design/8YkNrGXhk65fSmT9d7FIeP/JobPT?node-id=0-1&p=f&t=3JrMoQgEu4UwYoaf-0

화면은 크게 다음과 같습니다.

1. 이력서 업로드
2. 원하는 근무 조건 -> 일단 이 화면은 단순하게 바뀔 예정
3. 로딩창(임시)
4. 추천 공고 화면
5. 이력서 수정 화면 with ai assistant

1차적으로 이번 pr 목표는 api를 연결하는 것에 먼저 집중했고
따라서 보여지는 내용이 조금 정리가 안된 부분이 있습니다.
이력서 포맷도 현재는 자리만 있는 것이라고 보면 됩니다.
기존 코드를 많이 바꾸면서 약간 충돌이 날 수도 있을 듯 한데 바로바로 수정해보면서 적용해보겠습니다

연결한 api

1. 추천 공고 (api 수정도 함)
2. 이력서 업로드 (처음 화면에서 다음 단계로 클릭 시)
3. ai assistant 채팅 부분 (연결만 해서 추가 작업 필요)

엮인 이슈

(작성 예정...)

• Closes #

---

📸 스크린샷

<예시 화면 1>

추가 논의 필요

• 이력서 파싱해서 필요한 데이터로 정리하는 부분 (이거 가능한지?)

작동 영상

• home으로 가면 이력서 재업로드 필요합니다
• 이후 화면에서는 캐시해서 새로고침해도 안없어지게 했습니다
• 이력서 파싱해서 보여주는 부분은 api도 필요하고 보완 필요합니다
• 추천 공고 가져오는 api에서, 직무 이름 등의 추가 정보가 필요해보입니다 (직무명이 없어서 현재 보여줄 수가 없음)
• 현재 챗봇 대화 부분은 새로고침하면 사라짐
• 현재 코드까지는 npm build 되는지 확인
• 현재 근무 조건 페이지 부분은 활용 X
• 첫 화면에서 공고 링크만 넣고 시작하는 부분은 구현안됨

2025-12-21.3.22.06.mov

[minglet]

혹시 recommendations 리스트에 append되는 "jd"와 "JD"의 차이가 있나용?