코드 다시 만져보면서 추가질문입니다.

Question

문의하기에서 접수 완료 후 (현재 기본 로컬~문의완료되었습니다.) 알럿 뜨는거 저번에 배운 게시글 처럼 넣어서 이쁘게 꾸며도 사용상 문제없는거 맞죠?
만약에 참고할만한 알럿 다른 라이브러리나 깃허브 같은건 보통 실무에서 어떻게 참조하나요?
몽고DB랑 AWS_S3로 저희가 이미지 및 데이터를 저장하잖아요, 그럼 실무에서는 그냥 도메인 및 호스팅만 따로 구매해서 넘겨드리고 사용 하시면 된다고 하면서 넘겨드리고, 몽고DB 및 AWS_S3는 제가 한 계정(제 개발계정)에 같이 폴더만 나눠서 관리하는 식으로 많이하나요? 궁금합니다.

닭강정 · Answer

안녕하세요, 남겨주신 질문에 답변드리겠습니다!

Q1. 문의하기에서 접수 완료 후 알람창을 예쁘게 꾸며도 괜찮을까요?

A1. 네, 물론입니다!

저희 회사 사이트 강의에서는 alert()의 커스텀 디자인을 지원하는 sweetalert2 패키지를 설치하여 실습을 진행했었습니다.

추가적으로, 다양한 alert() 디자인를 원하신다면 아래와 같은 패키지도 활용할 수 있습니다:

각 패키지는 목적과 스타일에 따라 다르게 활용될 수 있으니, 원하는 방식으로 적용하시면 됩니다!

Q2. 만약에 참고할만한 알럿 다른 라이브러리나 깃허브 같은건 보통 실무에서 어떻게 참조하나요?

해당 질문은 개발자분들마다 다를 것 같습니다. 제 기준으로는

1. GitHub에서 인기 있는 라이브러리 검색

GitHub에서 Stars수가 많고 최근 커밋 날짜인 라이브러리를 찾습니다.

🔗 GitHub 검색
필터링 기준:
- 별(⭐) 개수 → 최소 수천 개 이상 추천
- 최근 커밋 날짜 → 최근 6개월 내 업데이트 여부

2. Awesome Lists에서 찾기

Awesome Lists (베스트 라이브러리 모음)

🔗 Awesome JavaScript
🔗 Awesome React

추가적으로, 유튜브나 구글 검색으로 리엑트 트렌드 패키지를 찾아보는 것도 큰 도움이 됩니다!

Q3. 실무에서 MongoDB & AWS S3 사용 방식과 관리 방법

A3. 말씀하신대로 프론트엔드 개발자가 도맡아 진행할 수도 있으며 또는 외부 업체(클라이언트)가 직접 도메인과 호스팅을 관리하는 경우가 많습니다. 따로 정답이 없으며 회사 사정에 따라 비용이 더 싸면서 안정성이 더 높은 선택지로 진행될 것으로 생각됩니다.

추가적으로, 실무에서는 AWS S3 같은 클라우드 스토리지를 사용하거나, 회사 내부 물리 서버(온프레미스 서버)를 운영하는 방식이 있습니다.

AWS S3의 가장 큰 장점은 초기 비용이 적게 든다는 점입니다. 예를 들어, 1TB의 스토리지가 필요한 경우 물리 서버를 구축하면 초기 비용이 많이 들지만, S3는 필요할 때만 파일을 추가·삭제할 수 있어 비용과 관리가 훨씬 효율적입니다. 반대로 AWS S3의 단점은 트래픽이 많아질수록 비용이 예상보다 더 증가한다는 점이며, 온프레미스 서버의 장점은 초기 비용은 높지만 장기적으로 일정한 비용으로 운영할 수 있다는 점입니다. 그렇기에 S3 버킷이 무조건 좋다. 라는 정답은 없으며 프로젝트의 규모와 예산에 맞춰서 개발이 진행됩니다.

또한, 실무에서는 프론트엔드 개발자 또는 클라이언트가 도메인과 호스팅을 직접 관리하는 경우가 많지만, S3 버킷이나 MongoDB 클러스터 내 중요한 데이터는 보안이 필요하기 때문에, 특정 사용자에게만 읽기/쓰기 권한을 부여하는 방식이 일반적입니다. S3의 경우에는 폴더 구조를 나누거나 버킷을 따로 만들어 프로젝트별로 관리하거나 S3나 DB 접근이 필요한 경우, IAM 권한을 조정하여 최소 권한만 부여합니다. 다만, 이런 보안 부분은 회사마다 정책이 다를 수 있습니다.

추가적인 질문이 있으시면 언제든 문의 주세요. 감사합니다!

인프런 커뮤니티 질문&답변