1인 개발
개발 기간: 2023.06.17 ~ ing

프론트 서버: https://hxan.net

제작에 참여한 홈페이지들의 소스코드 및 페이지를 목록으로 나열해 볼 수 있도록 하기 위해 제작되었습니다.

웹 개발을 진행하면서 하나씩 추가되는 프로젝트를 보면서 동기를 얻을 수도 있고
개발에 도움이 되는 정보나 간단한 예시들을 볼 수 있는 페이지를 만들려고 합니다.

한산: @Hansan529 / 웹퍼블리셔 및 프론트엔드 스터디

1. 반응형 웹 디자인으로 어느 플랫폼에서도 정보를 개발자 취지대로 정확하게 전달하고자 합니다.
2. 추후에 Comment 기능을 구현해 사용자와 정보 교환을 할 수 있도록 하고자 합니다.
3. 홈페이지 내 포스팅을 외부로 공유하는 별도의 페이지를 제작하고자 합니다.

전체적인 디자인을 수정했습니다.

포스팅 내용을 데이터베이스 안에 모두 저장하다보니 하고자 하는 취지에 맞지 않는 것 같아서 데이터베이스를 제거하고 이를 mdx 파일로 옮기기로 했습니다.
데이터베이스를 제거함에 따라서 로그인 기능을 통해 Create 하는 기능을 없애면서 상태 관리 도구인 Redux 및 API를 사용하지 않게 됐습니다.

기존에 스타일 시트를 작성하면서 네이밍에 시간을 사용하고 있었는데, Tailwindcss 를 도입하고서 시간 절약이 많이 되었습니다.

데스크탑 디자인만을 진행해서, 다른 플랫폼에서 확인 했을 경우 레이아웃이 변하지 않아서 홈페이지 뷰어가 힘들어서
각 module.css 파일에 추가적으로 반응형 작업을 했습니다.

제가 제작에 참여했던 홈페이지를 저장하고 싶어서 제작했습니다. 데이터를 배포된 웹 안에서 CRUD 작업을 진행했습니다.
그래서 해당 데이터를 저장할 DB가 필요했는데, 체계화적인 데이터베이스가 필요하진 않았기에 noSQL인 mongoDB를 사용했습니다.