Conversation
-반응형 페이지 작성 모바일화면 햄버거버튼 기능 -로고와 메뉴를 상단 가운데 정렬 -추후 푸터부분 조정예정
- 햄버거 버튼 클릭 시 메뉴 열림/닫힘 기능 구현 - 배경 오버레이를 통해 메뉴 외부 클릭 시 자동 닫힘 처리 - 메뉴 항목 클릭 시 메뉴 자동 닫힘으로 UX 개선
> > -반응형 페이지 작성 모바일화면 햄버거버튼 기능 > -로고와 메뉴를 상단 가운데 정렬 > -추후 푸터부분 조정예정
- 이름, 학번, 전화번호, 아이디, 비밀번호, 이메일 등 입력 필드 구성 - signup.js defer 로딩 적용 - 향후 아이디 중복 확인 기능 추가 예정
feat: 메인페이지 UI 구현 및 반응형 스타일 추가
- 모바일 화면에서 햄버거 버튼이 보이지 않던 문제 수정 - 햄버거 버튼 색상을 메인 컬러(#6a0dad)와 통일되도록 수정 - 메뉴 토글 시 오버레이 및 메뉴 위치 문제도 함께 점검
- 본문 입력에 굵게, 기울임, 밑줄, 글자 크기, 색상 도구 추가
- 반응형 햄버거 메뉴 및 오버레이 배경 구현
- 로컬스토리지 저장 기능 적용(추가 수정필요)
Fix: main-page ui css코드 수정
feat: login페이지 UI 최소구현 및 기본 기능 연결
feat: 회원가입 페이지 구현 (HTML/CSS/JS 초기 구성)
Feat: 글쓰기 화면 초기 구성 및 반응형 메뉴 구현
- studentId → studentNumber, phone → phoneNumber, loginId → userId 등 필드명 변경 - 프론트에서 입력한 값이 백엔드 DTO(StudentCreateRequest.java)와 정확히 매핑되도록 수정 - 입력값 유효성 검사 (빈칸, 이메일 정규식, 비밀번호 일치 및 길이 제한) 추가 - 회원가입 성공 시 로그인 페이지로 리디렉션, 실패 시 사용자에게 메시지 표시
- studentId → studentNumber, phone → phoneNumber, loginId → userId 등 필드명 변경 - 프론트에서 입력한 값이 백엔드 DTO(StudentCreateRequest.java)와 정확히 매핑되도록 수정 - 입력값 유효성 검사 (빈칸, 이메일 정규식, 비밀번호 일치 및 길이 제한) 추가 - 회원가입 성공 시 로그인 페이지로 리디렉션, 실패 시 사용자에게 메시지 표시
현재 PostApiController에 로거 사용했음에도 불구하고 테스트시 로그조차도 안남고 401에러가 뜨고 있습니다
테스트 완료되었습니다 POST기능 구현 완료되었습니다
테스트 완료되었습니다 POST기능 구현 완료되었습니다
테스트 완료되었습니다 POST기능 구현 완료되었습니다
Feature/10 이슈 넘버 #10 에 대한 게시판 기능 구현하였습니다
- UI 라우트(/, /posts 등)와 정적 리소스 경로는 비로그인 허용임을 명확히 설명 - /api/v1/posts/** 의 메서드별 권한(조회만 익명, 쓰기/수정/삭제는 인증) 의도를 주석으로 정리
기존 구현이 noneMatch를 사용해 "권한이 없을 때 true"가 되는 역동작을 유발. anyMatch로 교체하여 "해당 Role을 보유하면 true"가 반환되도록 수정하고, 메서드 주석으로 의도를 명확화. 영향 - PostService의 권한 검증이 의도대로 동작: 작성자 본인 또는 ADMIN만 게시글 수정/삭제 가능 - 타 계정으로 다른 사용자의 게시글 수정/삭제 시 403 반환 검증 방법 1) 사용자 A로 글 작성 2) 사용자 B로 해당 글 수정/삭제 시도 → 403 확인 3) ADMIN 계정으로는 수정/삭제 가능 확인 호환성 - API/DB 스키마 변경 없음 - 부작용 없음(권한 체크 로직만 수정)
- 아이디 중복확인에 AbortController/요청 토큰을 도입해 경쟁 요청 및 응답 순서 뒤집힘 방지
- 서버 규약(200/409) 우선 처리 + 404/JSON {available} 등 호환 케이스 보강
- 회원가입 폼의 기본 검증 강화(이메일/전화/비밀번호 길이 및 일치)
- 아이디 입력 변경 시 중복확인 상태 초기화
- 전화번호 입력 시 숫자만 허용 및 최대 11자리 제한
- 실패 응답 시 서버 본문(message/text) 우선 노출로 오류 원인 가시성 향상
테스트
1) 존재하는/없는 아이디로 중복확인 → 상태/메시지 확인
2) 입력값 누락/형식 오류/비밀번호 불일치 → 클라이언트 검증 메시지 확인
3) 회원가입 성공 시 /sign-in 리다이렉션 확인
4) 중복확인 도중 입력 변경 → 이전 요청 무시되는지 확인
- getPost 반환타입을 PostWithUserNameResponse로 변경하여 상세 화면에 작성자 이름 제공 - getAllPosts / searchPosts도 동일 DTO로 매핑해 목록/검색 결과에 작성자 이름 노출 - create/update/delete: 로그인 사용자(Student) 조회 후 소유자 또는 관리자만 허용하도록 검증 유지
- GET /api/v1/posts/{id} 반환 타입을 PostWithUserNameResponse로 변경해 작성자 이름 제공
- 목록/검색도 동일 DTO로 반환하여 UI에서 일관된 작성자 표시 가능
- POST/PUT/DELETE 엔드포인트에 PreAuthorize 유지(ROLE_USER/ADMIN)로 2차 보호
- 서비스 계층에서 소유자 또는 관리자 권한 검증(403) 연계
- 모바일 우선 ui
- auth
- 회원가입 페이지(HTML/CSS/JS) 추가
- 필수값 검증, 이메일/비밀번호/전화번호 형식 체크
- 아이디 중복확인(경쟁요청 취소/상태코드 200=가능, 409=중복) 및 실시간 메시지
- 서버 DTO 규격에 맞춘 필드 전송(userId 등)
- 로그인 페이지(HTML/CSS/JS) 추가
- 필수값 검증, 비밀번호 마스킹, 성공 시 redirect 지원
- 응답 헤더 Authorization: Bearer <token> 추출 → localStorage.accessToken 저장
- posts UI
- post-create.js: 비로그인 접근 시 로그인으로 안내(+redirect=/posts/new), 제출 전 토큰 재확인
- post-update.js: 비로그인 차단, 초기 로드에서 소유자 판별 후 타인 글 수정 차단, PUT 상태코드별 안내
- post-details.js: 수정/삭제 클릭 시 로그인/소유자 여부에 따른 안내 및 차단, DELETE 상태코드별 안내
- post-list.js:
- 목록/검색/페이징 동작
- 최초 진입/검색 시 최신 페이지 자동 점프
- “내 글만” 수정/삭제 버튼 노출(상세 응답으로 소유자 판별)
- UTC/무타임존 문자열 파싱 보강 → locale 표시 일관성 향상
- “관리” 열 제거 및 버튼은 조건부로만 표시
nav
- mainpage-1.0.js: 토큰 유무/만료에 따라 네비게이션 동적 토글
- 로그인 전: “로그인”, “회원가입”
- 로그인 후: “로그아웃”(클릭 시 토큰 삭제 및 현재 페이지 새로고침)
- style
- 각 페이지 전용 CSS 정리(폼 레이아웃/버튼/간격), 큰 화면에서 작성 영역 가독성 개선
- localStorage에 'accessToken'으로 저장되던 값을 'Authorization'으로 저장하도록 변경 - API 요청 시 'Authorization' 키를 사용하도록 로직 통일 - 토큰 저장/사용 불일치 문제 해결
feat: 게시판 UI/UX 구현 — POST 작성/수정/삭제/조회(#13)
- .field-row 레이아웃으로 인풋+버튼 줄바꿈 방지 - --control-h로 input/버튼 높이 통일 - '보기' 텍스트 → visibility/visibility_off 아이콘 전환 - aria-label/aria-pressed 추가(접근성) - 기능 로직 변경 없음 (엔드포인트/검증 그대로)
- .field-row 레이아웃으로 인풋+버튼 줄바꿈 방지 - --control-h로 input/버튼 높이 통일 - '보기' 텍스트 → visibility/visibility_off 아이콘 전환 - aria-label/aria-pressed 추가(접근성) - 기능 로직 변경 없음 (엔드포인트/검증 그대로)
fix: 회원가입 폼 UI/UX 개선
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.