취향표 메이커
취향표 메이커
makecard.store
어느새 메뉴가 7개가 생겼다.
초반부터 정리를 했어야 했는데 홈페이지 개선 하느라 늦어졌다.
2024.07.19 ver 배포 상태에 대한 리뷰를 정리한다.
공통 업데이트 내역
- 모든 사진에 대한 임시저장이 가능. localStorage를 사용해서 사용자가 사진을 첨부할때 함께 저장된다. (하단 리셋 버튼을 통해 임시저장된 파일을 아예 제거할 수 있다.) 갤러리에 사진이 많을 경우 만들던 취향표 페이지가 강제 종료되는 현상이 발생한다고 해서 해당 기능을 빠르게 개발, 수정함.
- 이미지 저작권 표시. 처음엔 홈페이지나 이미지에 기재하지 않았으나 크롭 변형 하는 사례를 보게 되서 급하게 추가함. 불펌하지마세요... 힘들어요.
AS-IS
1. 최애 9칸 하트 취향표
- 프레임 색깔 선택 후(핑크, 보라, 레드, 파랑) 9장의 사진을 선택하면 하트 프레임으로 제작되는 최애 9칸 하트 취향표를 만들 수 있다.
2. 최애 아이돌 취향표
- 프레임 색깔 선택 후(블랙, 핑크, 파랑, 보라) 1장의 사진을 선택하고 사용자의 닉네임(필수), 아이디, 한마디를 작성하면 최애 아이돌 취향표를 만들 수 있다.
- 10개의 항목에 사진 첨부 : 입덕, 첫인상, 현인상, 헤어, 무대의상, 사복, 직캠, 신체부의, 셀카, 최애조합
3. 최애 캐릭터 취향표
- 프레임 색깔 선택 후(블랙, 핑크, 파랑, 보라) 1장의 사진을 선택하고 사용자의 닉네임(필수), 아이디, 한마디를 작성하면 최애 캐릭터 취향표를 만들 수 있다.
- 10개의 항목에 사진 첨부 : 입덕캐, 최애캐, 첫인상, 현인상, 최애표정, 최애장면, 최애착장, 신체부위, 모에화, 최애조합
4. 최애 CP 취향표
- 프레임 색깔 선택 후(핑크,블랙) 12장의 사진을 선택한다.
- 12개의 항목에 사진 첨부 : 입덕사유, 왼, 른, 관계성, 왼 첫인상, 왼 현인상, 른 첫인상, 른 현인상, 최애떡밥, 최애떡밥2, 신체차이, 최애착장
5. 나만의 9칸 커스텀 취향표
- 이건 기획부터 개발까지 해봤음. 다른건 디자이너(이자 마케터인 어떤) 분과 함께함
- 프레임 배경 색깔 선택 후 (화이트, 보라, 핑크, 민트, 초록, 노랑, 검정)
- 취향표 제목을 적는다. 아무 주제나 상관 없음. ex. "2024년 7월 원우" 취향표, "최애 한식" 취향표, "최애 드라마 9칸" 취향표 이런것을 다 만들 수 있음.
- 9개의 사진 첨부 : 주제에 맞는 사진 9개 셀렉하면 끝.
- 해당 기능을 개발 하면서 제목같은 경우, canvas.js로 그릴 때 가운데 정렬을 어떤식으로 해야되나 서치하다가 ctx.textAlign 기능을 알게됨. 적용이 매우 잘되었음.
- 배경색을 white로 할 경우 사진 프레임에 약간의 border를 추가해줌.
TO-BE
- 항목 관련해서 본인이 입력하게 하는 기능이 좋을거같음. 추가할 예정
- 후추 취향표 ver2. 를 위한 항목 투표를 받아볼 필요성이 있다.
- 커스텀 취향표 ver2에는 항목도 받아서 넣어보게 해볼것, 3*3과 4*4도 해보고 싶음. localStorage 저장하는 부분 함수 수정 필요.
취향표메이커에 원하는 기능이나 의견이 있다면 해당 포스트 댓글이나 취향표메이커 홈페이지 내 방명록( http://makecard.store/free )에 글을 남겨주세요!
감사합니다.
💌 커미션 / 비즈니스 문의 cherrycoding0@gmail.com
'취향표메이커' 카테고리의 다른 글
| 취향표메이커 2024.07.31 업데이트 (0) | 2024.07.31 |
|---|