안녕하세요.
웹앱을 소개하기에 앞서,
저는 클다방에서 많은 활동은 없었지만, 예전에 밤비님 모임에 갔던 적이 있습니다 :)
프렌치프레스, 에어로프레스 등을 거쳐 V60을 가장 많이 사용하고 있고요.
그라인더는 코만단테 아이언하트 쓰고 있습니다.
소개해드리고 싶은 웹앱의 이름은 Brew logs 이고,
커피를 등록하고 브루잉을 기록하는 비교적 심플한 웹앱입니다.
기본적으로는 나의 기록을 모아서 보여주지만, 다른 사람의 기록을 볼 수 있는 Explore 탭도 있습니다.
이 웹앱은 개발자로 전향 중(비전공)인 제가 만들어서 운영하고 있습니다.
Next.js 프레임워크를 이용해서 만들었고요,
포트폴리오로 만든 것이기도 하지만, 실사용을 염두에 두고 만들었고
필요에 의해서 만들었습니다.
변수에 따른 tds, 맛 비교도 할 수 있고, 분쇄도 기록용으로도 괜찮다고 생각해요.
다크모드 입니다!!
웹앱 주소입니다:
https://brewlog-seven.vercel.app
기록을 이용하시려면 계정 생성이 필요합니다(매우 간단합니다!).
번거로울 수 있지만, 데이터를 보호하고 관리하는 차원에서 필요한 것으로 이해해주세요.
카카오 계정 소셜 로그인도 가능합니다.
추가 예정 기능
1. 개별 brew, coffee 페이지와 해당 페이지의 동적 오픈그래프
2. (coffee) like, comment 기능
3. explore 탭에서 계정 표시
앞으로도 기능 추가와 개선 작업이 예정되어 있으니,
많은 관심과 의견 부탁드려요. 감사합니다!
잘만드셨습니다. 사용 해볼께요.
피드백 드리자면,
1. createBrew 라우팅에서 폼 첫 로딩시 아무것도 안나와 오류인줄 알았어요.
그다음 부터 캐싱되어 잘 나오는데 아무래도 첫 사용자는 그럴 수 밖에 없을거 같아요.
스켈레톤 UI 사용하여 폼 마운팅전에 뭔가 로딩된다는 걸 표시해야 할 듯합니다. 안면 next 14에서 서버컴포넌트 사용하여 속도를 올리는 방법도 있을거에요.
2. form label은 한글이 좋을거 같아요 외국인 대상 i18n도입할거 아니면 아무래도 영어는 가독이 떨어집니다.
3. createBrew 에서 커피추가를 안한 상태면 목록이 안나와요. 이럴땐 select 기본메뉴로 커피추가를 만든후 페이지 이동없이 modal로 처리하여 createCoffee의 컴포넌트를 재사용하는 식으로 하면 UX적으로 좋을거에요. 만약 재사용성을 고려하지 않은 컴포넌트라면 좀 다른 고민이 필요하겠죠?
사용자 흐름을 커피 생성 -> 브루잉 기록 으로 가설을 두셨지만 일반 사용자는 브루잉 기록부터 시작할 가능성이 높습니다. 저 또한 그렇게 했어요.
4. createBrew submit 클릭시 디바운스 걸어야 합니다. 아무런 반응없어 여러번 클릭하니 커피가 3개 생성되었네요.
1) 스켈레톤을 덩어리 하나로만 써봤는데 효과가 떨어지는 것 같아요. 그리고 속도 개선 필요성을 느끼고 있었는데, 페이지네이션을 위해서 캐싱은 하지 말아야 하나 고민했습니다. 적어도 폼 부분은 속도를 올릴 수 있을 것 같다는 생각이 듭니다.
2) 폼 레이블 고민해보겠습니다! 고정폭 글씨체 위주로 디자인하고 싶었어서, 영어 위주로 짜봤습니다.
3-4) 완전 동의합니다. disable 처리 꼭 해야겠네요.
개선 작업 완료되면 여기에 남기겠습니다. 감사해요!!