[FIX] API Endpoint, Password Validation, File Upload Consistency

[IceCandle]

🐛 어떤 버그인가요?

API Endpoint Typo, Password Regex Mismatch, File Upload Validation Inconsistencies

🩹 어떤 상황에서 발생하는 버그인가요?

In apis.ts, the endpoint POST /user/snu—mail-verification/google-email contains a typo (snu—mail with an em dash)

Frontend password validation (PASSWORD_REGEX) allows @#$!^*, while the backend expects @#$%^&+=!

Image Extensions: Frontend allows png, jpg, ..., heic, but backend may not support heif/heic.
File Size Limits: Frontend checks for 1MB (images) and 5MB (PDFs), but backend limits are undefined.

🩹 예상했던 정상적인 결과는 무엇인가요?

File: signUp/GoogleSocialSignUpButton.tsx
// Before
path: "user/snu—mail-verification/google-email",
// After
path: "user/snu-mail-verification/google-email",
File: feature/auth/presentation/authPresentation.ts
// Before
const PASSWORD_REGEX =
/^(?=.[a-z])(?=.[A-Z])(?=.\d)(?=.[@#$!^])[A-Za-z\d@#$!^]{8,20}$/;
// After
const PASSWORD_REGEX =
/^(?=.[a-z])(?=.[A-Z])(?=.\d)(?=.[@#$%^&+=!])[A-Za-z\d@#$%^&+=!]{8,20}$/;
File: companyPresentation.ts
if (input.file.size > MAX_IMAGE_SIZE) {
setResponseMessage("이미지는 1MB 이하로 업로드해주세요.");
}

📝 참고 자료

No response

[Yeonu-Kim]

@IceCandle 귀한 시간 내주셔서 정말 감사합니다. 피드백에 대한 답변을 드리도록 하겠습니다.

질문 1.
In apis.ts, the endpoint POST /user/snu—mail-verification/google-email contains a typo (snu—mail with an em dash)
-> 현재 API 문서에서는 snu-mail-verification으로 요청을 받고 있고, api.ts에서도 /user/snu—mail-verification/google-email인 것을 확인할 수 없었습니다. 혹시 확인하신 부분을 퍼마링크로 달아주실 수 있으실까요?

질문 2.
Frontend password validation (PASSWORD_REGEX) allows @#$!^*, while the backend expects @#$%^&+=!
-> 확인해주셔서 감사합니다. * 이 포함되지 않는 것을 확인했고, 백엔드에서 *을 포함하는 것으로 수정 요청드렸습니다. 덕분에 버그를 잡을 수 있었습니다.

질문 3.
Image Extensions: Frontend allows png, jpg, ..., heic, but backend may not support heif/heic.
File Size Limits: Frontend checks for 1MB (images) and 5MB (PDFs), but backend limits are undefined.
-> 현재 S3에 직접 presigned url을 사용하여 이미지를 업로드 하고 있으며, heif/heic을 받지 못하는 것은 아닌 것으로 알고 있습니다. 한번 테스트해보도록 하겠습니다.
이미지 용량 제한 또한 S3에 직접 저장하는 것이므로 백엔드에서 따로 제한할 필요는 없었습니다!

---

또 다른 이슈가 있다면 제보해주시면 감사하겠습니다. 주신 의견 토대로 더 나은 서비스를 만들도록 하겠습니다.

그리고 개인적으로 궁금한 게 있는데, 혹시 이 피드백은 어떻게 작성하셨나요? ㅋㅋㅋ 약간 AI의 느낌이 있는데 혹시 사용하셨다면 굉장히 좋은 기능을 가진 거 같아서 알려주시면 저도 활용해보고 싶습니다. 😊

[IceCandle]

localServer/apis.ts의 83번째 줄이 path: "user/snu—mail-verification/google-email"입니다.

CreateCompanyForm.tsx에서 입력 필드를 단계별로 분할하거나 필수 칸을 표시하면 UI 개선에 도움이 될 것 같습니다.

Deepseek R1에 directory structure를 주고 필요하다고 답변한 파일을 첨부한 다음 피드백을 달라고 요청했습니다.

[Yeonu-Kim]

@IceCandle 빠른 답변 감사합니다!
피드백 1. localServer/apis.ts의 83번째 줄이 path: "user/snu—mail-verification/google-email"입니다.
-> 아하 - 가 아니라 —로 들어갔나보네요. 찾아주셔서 정말 감사합니다! 수정하겠습니다.

피드백 2. CreateCompanyForm.tsx에서 입력 필드를 단계별로 분할하거나 필수 칸을 표시하면 UI 개선에 도움이 될 것 같습니다.
-> 필수 칸 표시는 아직 적용하지 않았습니다. 빠르게 적용하도록 하겠습니다. ㅜㅜ
입력 필드 단계를 분할하는 건 기획의 문제이기는 한데, 단계를 나누게 되면 한눈에 폼을 검토하기가 어렵다는 문제가 있습니다. 글을 작성하는 대상이 회사가 아니라 그 회사에 투자하는 투자사이므로 회사에 대한 정보를 완벽하게 알지 않을 수 있습니다. 그래서 회사 정보를 작성한 뒤에 한눈에 검토하려면 폼이 길더라도 한 페이지에 있는 것이 낫다고 생각했습니다.

피드백 3. Deepseek R1에 directory structure를 주고 필요하다고 답변한 파일을 첨부한 다음 피드백을 달라고 요청했습니다.
-> 오 Deepseek는 처음 들어보는데 엄청 좋은 거 같네요!! 좋은 AI 알려주셔서 정말 감사합니다.