하아찡

즐겨찾기(북마크) 사이트 본문

웹/즐겨찾기

즐겨찾기(북마크) 사이트

하아찡 2024. 4. 15. 17:59

공부를 하다가 북마크 등록을 많이해서 보는 편인데 기본적인 기능으로 불편해서 그냥 사이트를 하나 만들기로함.
웹은 VUE3를 사용하여 작업을 진행.
 
현재 24.04.15일 기준으로 3일째 작업중.
 
 
 

서버측 데이터 저장

로그인은 구글 로그인만 추가를 해놓은 상태이며 회원가입하는데 있어서 필요한 데이터를 최소한으로 줄여서 서버에는 구글이메일, 회원이름만 받아와서 회원가입 절차를 완료함.
 
카테고리 추가사이트 등록에 관한 데이터는 서버에 저장함.
해당 사이트 클릭으로 방문횟수 서버에 저장.
로그인 로그 서버에 저장.
 
현재 미구현된 기능
회원가입 탈퇴는 현재 구현하지 않은상태.
회원가입 탈퇴 데이터는 탈퇴를 진행한 순간 서버에 저장된 모든 데이터를 삭제 할 예정.
 
카테고리 별로 정렬타입을 저장받아 마지막으로 변경한 타입으로 페이지로드할때 불러오게 할 예정
 
현재 내부에서 드래그로 사이트 정렬위치를 변경가능하지만 서버측에서 데이터 변경을 하지않음. -> 드래그 이벤트 발생시 위치값을 지정해주는데있어서 문제가 발생함.
 
등록된 사이트가 혹시나 까먹을까봐~ 코멘트를 적어둘수있는 기능추가 예정.
 
현재 구현된 기능
카테고리 추가와 사이트 추가 기능을 우선적으로 등록해놨음.(현재 등록된 카테고리 및 사이트는 삭제하는 기능을 추가해두지 않음.)
 
카테고리별로 등록된 사이트를 볼 수 있게 해두었음.
카테고리 눌러진 순서대로 메인화면에 띄우는방식으로 적용해둠.
(로컬 테스트에선 딜레이가 있는데 실제 서버에 업로드했을때는 생각보다 딜레이가 줄어들어있음.)

 
 
파비콘 기능
파비콘 이미지 사진을 받아와서 서버에서 띄우고싶은데 혹시 몰라 기능은 만들어두고 보류해둠.

위와같이 파비콘데이터를 접속한 주소에서 받아와서 띄워줄라했음.

 
현재는 기본이미지로 귀여운 곰돌이로 대체해두었음.

 
 
정렬타입 변경(아이콘 및 텍스트)

 
 
현재는 계정별
카테고리 10개 저장 가능(이미지 저장때문에 혹시몰라 적게 잡아두었음)
사이트는 300개 저장가능
 
 
현재 작업중인 사이트 
https://mysitecollection.com/

Bookmark

mysitecollection.com

 
아직 테스트 중인 페이지 입니다.
감사합니다.

반응형