직접 개발해 보면서 전반적인 개발 방향과 방식에 감을 잡기 위해 이 프로젝트를 계획하게 되었습니다. 또한 코드를 작성하는 연습과 라이브러리를 활용하여 개발해 보는 경험을 쌓기 위함이기도 합니다.
간단한 소셜 로그인을 통해 빠르게 로그인이 가능하고 글을 작성할 때 직관적인 UI를 갖춰 누구든 편하게 글을 작성할 수 있습니다. 로딩 시간 동안은 게이지 바를 만들어서 로딩으로 인한 불편함을 잘 느끼지 못하게 만들었습니다.
하루하루 짧게라도 이야기를 적으면서 글을 적는 연습을 할 수 있으면 좋다고 생각해 UX를 최적화하고 수정, 삭제 등도 쉽게 접근할 수 있게 만들었습니다. 여러 페이지를 거치지 않고 "활동 내역" 페이지 안에서 전부 처리할 수 있게 만들었습니다.
처음으로 풀스택으로 개발해 본 작품이었다. Nextjs의 서버 사이드 렌더링을 처음 사용해 보면서 새운 기술을 도전해 볼 수 있었고, Nextjs로 Api 개발 경험도 쌓으면서 감을 잡을 수 있었고 서버와 데이터를 주고받는 방법을 알게 되었다. Nextjs를 사용한다면 따로 서버를 이용하지 않아도 API Routs를 사용하여 서버를 만드는 것이 가능한 점이 정말 놀라웠던 것 같다.
또한 MongoDB를 사용하면서 DB에 NoSQL에 대한 사용법을 학습할 수 있었고 JSON 형식처럼 이루어져 복잡하지 않다는 것을 알게 되었다. 데이터의 구조가 유연하여 데티어의 형식이나 값을 쉽게 변경이 가능하다.
끝으로 Amazon S3를 처음 사용해 보면서 업로드, 접근하는 방식을 학습하고 기본적인 사용법을 이해하였다.
- 쉽게 접근 가능한 소셜 로그인 (GitHub, Google, Kakao, Naver)
- 복잡한 설정 없이 바로 작성, 수정, 삭제가 가능한 사용자 경험을 바탕으로 개발한 UX
- 내 글만 볼 수 있는 활동 내역 및 댓글 기능
- 반응형 웹으로 모바일로 접속해도 맞춤형 UI로 편리하게 이용이 가능하다.
- 텍스트 간격 버그 또는 예외 처리를 더욱 정교하게 구현해야 한다.
- 이미지가 노출될 때 나타나는 AWS S3 URL이 노출되기 때문에 더욱 안전하게 보안을 향상시켜야 한다.
- 현재 닉네임을 변경할 수 없기 때문에 닉네임을 자유롭게 바꿀 수 있게 해주면 개인정보 보호와 자율성을 개선할 필요가 있다.
- 코드를 더욱 정교하고 구조적으로 설계해야 하고 클린 코드를 작성할 수 있도록 연습해야 한다.
JavaScript, React, Nextjs, React Hook, ReactMarkdown
MongoBD, Nextjs API Routs, Next Auth, UUID, bcrypt
Amazon S3, AWS-SDK
REST API
