세상의 흐름을 읽는 IP - Weekip
프로젝트 수행기간 : 2023/07 ~ 2023/12
성과
- weekip.co (유저사이트), weekip.me/admin (관리자 사이트) 기획 부터 개발까지 총괄
- 유저사이트에서 200명 트래픽 획득 (Google Analytics 기반)
- 관리자 사이트 개발시, Tiptap Editor를 확장한 경험을 바탕으로 npm 오픈소스 배포
- 초기 lighthouse 퍼포먼스 점수 50점 → 92점으로 향상
- 서비스 소개 페이지 인터렉티브 웹페이지 디자인으로 개발
사용기술
React
빠른 개발을 위해 제게 가장 익숙한 툴인 React를 선택하였습니다. 나아가 ErrorBoundary를 적용하며 사용자 경험 개선에 노력했습니다.
Next
유저 사이트의 SEO를 통한 사이트 검색용이를 위해 Next를 선택하여 SSR을 활용하였습니다.
TypeScript && JavaScript
코드 작성시 타입을 명시함으로써 실수를 줄이고자 TypeScript를 선택하였습니다. 다만 관리자 사이트는 Material UI Template을 무료로 활용하기 위해 JavaScript를 사용하였습니다.
Material UI
인력이 부족했기 때문에 관리자 사이트의 디자인은 Material 무료 템플릿 디자인을 활용하여 개발을 용이하게 했습니다.
Firebase
초기 웹사이트의 비용절감을 위해 Firebase를 선택하였고 전문 백엔드 개발자가 없는 문제점을 해결할 수 있었습니다. 더하여 간단한 설정만으로 보안성 뿐만 아니라 푸쉬알림, 예약배포, 가비지 컬렉터 등의 기능을 구현할 수 있었습니다.
Elastic Search
Firebase의 단점인 부족한 텍스트 검색 지원을 보완하고자 검색기능을 개발할 때 Elastic Search를 사용하여 더 빠른 컨텐츠 검색을 지원하였습니다.
Google Analystics
Google Analytics를 활용하여 사용자의 웹사이트 내 활동을 추적하고 Google Search console과 네이버 서치 어드바이저를 이용하여 사용자의 접속경로를 추적하여 콘텐츠의 개선방향 및 SEO 최적화를 위해 노력했습니다.
Light House
Light House를 통해 웹 사이트의 성능을 측정하고 더 나은 사용자 경험을 만들어 갔습니다.
Demo사진
