Eurasia-Consulting 홈페이지
Eurasia-Consulting 홈페이지
프로젝트 소개
워드프레스로 제작된 기존 웹사이트를 Next.js 프레임워크로 전체 리뉴얼하여 웹사이트를 제작하였습니다. 헤럴드 코리아 뉴스 RSS를 사용하여 최신 뉴스를 보여주는 기능을 추가하였습니다. 또한 nodemailer 라이브러리를 사용하여 beget 서버에서 메일 보내기, 또는 파일을 첨부하여 보낼 수 있도록 문의하기 기능을 구현하였습니다. 파일을 보낼시 next.js 서버에서 파일 사이즈 및 타입 등 유효성을 검증하는 기능등을 구현하였습니다.
프로젝트 기여도
100% 회사내 단독 진행
사용 기술
- Next.js
- React
- TypeScript
- Tailwind CSS
- Daisy Ui
- RSS
- Nodemailer
- 반응형
사용 기능
RSS
-헤럴드 코리아 뉴스 RSS를 사용하여 최신 뉴스를 보여주는 기능을 추가하였습니다.
Nodemailer
-nodemailer 라이브러리를 사용하여 beget 서버에서 메일을 보낼 수 있도록 문의하기 기능을 구현하였습니다.
Daisy Ui
-디자인을 위해 Daisy Ui를 사용하였습니다.
Vercel 배포
-Vercel을 사용하여 배포하였습니다.
프로젝트 후기
회사 업무상의 이유로 혼자서 디자인, 개발 모두 진행하였습니다. 디자인을 직접 하면서 진행하기엔 무리가 있었고, 이를 해결하기 위해 Daisy Ui를 사용하였습니다. Daisy Ui를 사용하면서 디자인을 쉽게 할 수 있었고, 디자인을 위한 시간을 줄일 수 있었습니다. RSS를 가져다 사용하는것에 대해 RSS를 제공해주는 회사의 저작권을 확인해야한다는 것을 알게 되었습니다. nodemailer를 사용하여 전송시 파일을 첨부할 때 프론트엔드에서 바이너리 데이터 변환 후 서버에 전송시 서버에서는 Buffer form 및 byteLength로 파일 타입과 사이즈를 검증하는 방법을 알게 되었습니다.