251229수정_신오사카 화면 설계.pptx

https://docs.google.com/presentation/d/1J6pMUptu5slCssDPWJdMmvaLmn7YT3EFmvJrZXHg-Wg/edit?usp=sharing

📄 화면 설계서(UI/UX)

2. 기업 클릭 > 기업 상세 조회
3. 검색 > 필터 > 기업 검색 | 로그인, 회원가입, 마이페이지, 메인페이지, 기업, 이전, 다음 버튼 | | 비 로그인 중 기업 등록 버튼 클릭 시 ”사용자만 등록 가능합니다😭 로그인을 해주세요.” | | UI-002 | 로그인 페이지 | /api/user/login | 이메일 /비밀번호 입력창, 로그인 버튼, 회원가입 링크 | 메인 페이지 > 로그인 클릭

로그인 시 메인 페이지로 이동 | 로그인하기, 회원가입 | | 로그인 실패 시 메시지 표시 필요 | | UI-003 | 회원가입 페이지 | /api/user/signup | 이메일 주소, 닉네임, 비밀번호, 비밀번호 확인 | 메인 페이지, 로그인 페이지 > 회원가입 클릭 가입 완료 후 로그인 페이지 이동 | 이메일 중복 확인, 가입 버튼, 취소 | | 이메일 중복 확인, “필수 입력입니다.” 메세지 추가 | | UI-004 | 기업 등록 페이지 | /api/companies | 기업 테이블 (기업이미지, 기업명, 업계, 위치, 공식사이트, 기업 설명) 등록 | 메인 > 글 등록 | 등록 버튼 | | - | | UI-005 | 기업 등록 수정 페이지 | /api/companies/{companyId} | 기업 테이블 (이미지, 기업명, 업계, 위치, 공식사이트) | 1. 기업 목록에서 기업 클릭 > 상세 페이지 > 기업 정보 수정

2. 마이 페이지 > 내 기업 수정 | 수정, 취소 버튼 | | - | | UI-006 | 마이페이지 | /api/user/myinfo | 회원 테이블(프로필, 닉네임), 내 기업 분석 테이블(번호, 제목, 작성일) 내 기업 후기 테이블(번호, 제목, 작성일), 이전, 다음 | 로그인 > 마이페이지 | 내 기업 분석, 내 기업 후기, 개인정보 수정, 이전, 다음 버튼 | | 작성한 글이 없을 시 “아직 작성된 글이 없습니다.” 메시지 필요 | | UI-007 | 마이페이지(개인정보 수정) | /api/user/myinfo | 회원 테이블 (이메일, 비밀번호 변경, 비밀번호 확인, 닉네임), 저장버튼 | 로그인 > 마이페이지 > 개인정보 수정 버튼 | 저장, 취소 버튼 | | “비밀번호 입력은 필수 입니다” 메시지 필요 | | UI-008 | 기업 상세 조회 | /api/companies/{companyId} | 1. 기업 테이블(기업 프로필, 기업 명, 업계, 위치, 공식 사이트, 기업 설명),
3. 작성된 기업 분석 테이블 (제목, 내용, 작성일),
4. 작성된 기업 후기 테이블 (제목, 내용, 작성 일, 선고단계, 결과),
5. 기업 정보 수정,
6. 기업 분석 등록,
7. 기업 후기 등록 | 1. 기업 검색, 메인페이지 > 기업 클릭
8. 작성된 기업 분석 클릭 > 기업 분석 조회
9. 작성된 기업 후기 클릭 > 기업 후기 조회
10. 기업 분석 등록 > 작성
11. 기업 후기 등록 > 작성 | 1. 기업 정보 수정,
12. 기업 분석 등록 버튼
13. 기업 후기 등록 버튼
14. 기업 분석 테이블
15. 기업 후기 테이블 | | 작성한 글이 없을 시 “아직 작성된 글이 없습니다.” 메시지 필요 | | UI-009 | 기업 분석 - 조회 (비작성자) | /api/companies/{companyId}/detail/{detailId} | 1. 기업 분석 타이틀,
16. 기업 분석 테이블 (작성자, 회사 명, 등록일, 수정일, 내용)
17. 분석 내용
18. 뒤로 | 기업 상세 조회 > 기업 분석 테이블 클릭 | 뒤로 버튼 | | - | | UI-010 | 기업 분석 - 조회 (작성자) | /api/companies/{companyId}/detail/{detailId} | 1. 기업 분석 타이틀,
19. 기업 분석 테이블 (작성자, 회사 명, 등록일, 수정일, 내용)
20. 분석 내용
21. 뒤로, 수정 | 로그인 > 기업 상세 조회

기업 분석 테이블 클릭 | 수정, 뒤로 버튼 | | -

| | UI-011 | 기업 후기 - 조회(비작성자) | /api/companies/{companyId}/review/{reviewId} | 1. 기업 후기 타이틀, 2. 기업 후기 테이블 (작성자, 직군, 선고 단계, 결과, 내용, 등록일, 수정일) 3. 후기 내용 4. 뒤로 | 기업 상세 조회 > 기업 후기

기업 후기 테이블 클릭 | 뒤로 버튼 | | - | | UI-012 | 기업 후기 - 조회(작성자) | /api/companies/{companyId}/review/{reviewId} | 1. 기업 후기 타이틀,

2. 기업 후기 테이블 (작성자, 직군, 선고 단계, 결과, 내용, 등록일, 수정일)
3. 후기 내용
4. 뒤로, 수정 | 로그인 > 기업 상세 조회 > 기업 후기

기업 후기 테이블 클릭 | 수정, 뒤로 버튼 | | - | | UI-013 | 기업 분석 작성 | /api/companies/{companyId}/detail | 1. 기업 분석 타이틀,

2. 제목, 내용,
3. 저장, 취소 | 로그인 > 기업 상세 조회 > 기업 분석 등록 | 저장, 취소 버튼 | | “작성 완료” 메시지 표시 필요 | | UI-014 | 기업 분석 - 수정 | /api/companies/{companyId}/detail/{detailId} | 1. 기업 분석 타이틀
4. 제목, 내용,
5. 삭제, 수정, 취소 | 로그인 > 기업 상세 조회

기업 분석 등록 > 수정 | 삭제, 수정, 취소 버튼 | | 삭제 시 “해당 글을 정말 삭제하겠습니까?” 메시지 표시 필요 | | UI-015 | 기업 후기 작성 | /api/companies/{companyId}/review | 1. 기업 후기 타이틀

2. 기업 후기 테이블 (제목, 직군, 선고 단계, 결과,내용)
3. 취소, 저장
4. 선고 단계, 결과 드롭다운 | 로그인 > 기업 상세 조회

기업 후기 등록 | 1. 저장, 취소 버튼

2. 선고 단계, 결과 드롭다운 | | “작성 완료” 메시지 표시 필요 | | UI-016 | 기업 후기 - 수정 | /api/companies/{companyId}/review/{reviewId} | 1. 기업 후기 타이틀,
3. 기업 후기 테이블 (제목, 직군, 선고 단계, 결과,내용),
4. 삭제, 취소, 수정
5. 선고 단계, 결과 드롭다운 | 로그인 > 기업 상세 조회

기업 후기 등록 > 수정 | 1. 삭제, 취소, 수정 버튼

2. 선고 단계, 결과 드롭다운 | | 삭제 시 “해당 글을 정말 삭제하겠습니까?” 메시지 표시 필요 |

✅ 홈 화면

2. 기업 클릭 > 기업 상세 조회
3. 검색 > 필터 > 기업 검색 | | 버튼/기능 | 로그인, 회원가입, 마이페이지, 메인페이지, 기업, 이전, 다음 버튼 | | 연동 기능 | | | 비고 | 비 로그인 중 기업 등록 버튼 클릭 시 ”사용자만 등록 가능합니다😭로그인을 해주세요.” |

✅ 로그인 화면